Clear space
Keep at least half the logomark's height clear on every side. Do not let type, photography, or dividers enter that space.
Brand resources
Devplan brand guide
Logo, colors, typography, and downloadable assets.
01 · Logo
Logo
Use the full lockup when space allows. Use the logomark for favicons, app icons, social avatars, and other small or square placements.
Minimum size
Keep the lockup at least 80px wide on screen and the logomark at least 16px. Below that, the detail stops reading cleanly.
Do not
Do not stretch, rotate, outline, add effects, or recolor the logo outside the approved ink, white, and cobalt palette.
02 · Color
Colors
Use black and white for most surfaces. Use cobalt for accents and interactive elements. Click a swatch to copy its value.
Light surfaces
Ink and dark surfaces
Cobalt and semantic color
03 · Typography
Typography
Use Geist for headings and body copy. Use JetBrains Mono for labels, metadata, and code.
Display heading
Section heading
Use Geist for paragraphs, descriptions, navigation, buttons, and other interface text.
LABEL · METADATA · CODE
04 · Downloads
Downloads
Use SVG for digital and print layouts whenever possible. PNG versions are included for tools that do not accept vector files.
Full lockup
Wordmark · InkSVG · vector↓
Wordmark · WhiteSVG · vector↓
Wordmark · InkPNG · 512 wide↓
Wordmark · WhitePNG · 1024 wide↓
Logomark and icons
05 · Ad graphics
Dot-wave generator
Choose a background, adjust the settings, and download a PNG at the size you need.
Seed
Need an asset that is not here? Email info@devplan.com so the canonical version can be added here.