Primary logo
SVG artwork with responsive scaling for product, marketing, and ads.
Download SVGBrand assets & usage guidelines
Everything you need to communicate the DEVOTP identity consistently—logos, typography, color tokens, and machine-readable references for design systems and marketing partners.
Our name
When written out, spell DEVOTP in all caps. In sentences, reference us asthe DEVOTP platform orDEVOTP. Please avoid abbreviations such as OTP or Dev Otp. Consistent naming helps our audience focus on the product promise—reliable verification for modern businesses.
Mission statement
DEVOTP delivers secure, flexible identity verification so teams can onboard and retain users with confidence. Every touchpoint should reflect clarity, trust, and a developer-first mindset.
Logo system
Our logo pairs the DEVOTP wordmark with the power icon to symbolize activation. Use the primary mark on light backgrounds and the reversed mark on dark surfaces. Never modify the proportions, color, or relationship between the symbol and wordmark.
- Minimum size
- 20px (screen) / 0.25in (print)
- Clear space
- 1.5× the height of the power icon
Primary mark
Reversed mark for dark backgrounds
Pair wordmark and power icon
Always display the logo with the power icon. Never separate or crop either element.
Preserve clear space
Keep at least 1.5× the height of the power icon as padding on every side.
Respect minimum size
20px minimum on screen, 0.25in minimum in print. Scale larger whenever legibility drops.
Contrast matters
Use the reversed (white) logo on dark imagery or backgrounds for instant recognition.
Color palette
Use the primary palette to reinforce recognition. Neutral shades keep interfaces clean while letting key interactions shine. Reference our Tailwind tokens for consistent implementation.
Sky Pulse
primary.500
Primary brand color for actions and highlights.
Hex: #06B4D4
Deep Current
primary.700
Use for headings, icons, and dark backgrounds.
Hex: #0E7593
Soft Mist
neutral.50
Background wash that keeps interfaces light and breathable.
Hex: #FAFBFC
Anchor Grey
neutral.700
Body copy and supporting interface text.
Hex: #475065
Typography
Primary face
DEVOTP uses Roboto Mono across product and marketing. It balances technical precision with readability. Access it via Google Fonts or through the variable font declared in our Next.js layout.
font-family: Roboto Mono, monospace;
available weights: 100–700
line-height: 1.5 (recommended)
Sample usage
Trust every user touchpoint
DEVOTP balances security with delightful onboarding flows. Combine monospace headings with generous spacing for an accessible, future-ready look.
Usage guidelines
Do
- Give the logo breathing room so it stands out without competing elements.
- Use primary or deep accent colors for key actions and navigation items.
- Pair Roboto Mono with generous line height for clarity across surfaces.
Avoid
- Alter, stretch, or recolor brand assets without written approval.
- Create lockups that imply DEVOTP endorses third-party products.
- Combine DEVOTP graphics with other brand marks or mascots.
Resources for teams
Share these files with partners, agencies, or publishers. Machine-readable tokens keep brand implementation synced across codebases, design tools, and ad platforms.
Reversed logo
White version for dark mode UIs, photography overlays, and video.
Download SVGBrand tokens
JSON feed listing our core colors, typography, and logo specs.
Open JSON