Postman: The World's Leading API Platform | Sign Up for Free
postman.com“Postman projects a highly technical, engineering-first identity that balances enterprise reliability with modern developer tooling aesthetics. The brand feels authoritative and direct, utilizing a stark, high-contrast visual language that prioritizes clarity and function over decorative flair.”
Color Palette
Colors
Light Mode
Dark Mode
Typography
Fonts
system-ui
Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
degular
degular Fallback, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif
inter
inter Fallback, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif
ibmPlexMono
ibmPlexMono Fallback, monospace
The quick brown fox
16pxThe quick brown fox
55pxThe quick brown fox
55pxComponents
Design System
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 2px 8px 0px
rgb(179, 135, 245) 0px 4px 24px 0px
Voice & Tone
Personality
Visual Energy
Design Era
contemporary-minimal
Emotional Tone
competent-direct
Target Audience
Software engineers, API developers, and technical decision-makers at enterprise scale.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use 'Degular' at 600 weight for all headings, strictly in sentence-case capitalization.
- Use 'Inter' at 400 weight for body copy and 'Inter' at 600 weight for strong emphasis, maintaining a line-height of 18.4px.
- Use 'IBM Plex Mono' at 400 weight exclusively for code snippets, technical data, or monospaced elements.
- Apply the primary brand color #ff6c37 to key interactive elements and accents, ensuring high contrast against the #ffffff background.
- Use #212121 for primary text and #6b6b6b for secondary text to maintain a clear visual hierarchy.
- Style primary buttons with 0px border-radius (sharp corners), #212121 text, and outline styling; avoid filled backgrounds for standard CTAs unless specified.
- Maintain a flat design aesthetic with no gradients; use #d23f0e as a secondary accent color for subtle highlights or states.
- Utilize a strict 2px base unit for spacing and border radii where rounded corners are necessary, though sharp corners are preferred for buttons.
Don't
- Do not use emoji in any marketing copy or UI text; the brand relies on clean typography and direct language.
- Do not use title case for headings; always use sentence-case to align with the technical, understated voice.
- Do not use exclamations in copy; maintain a matter-of-fact, professional tone.
- Do not apply shadows to buttons; reserve shadow effects (e.g., rgb(179, 135, 245) 0px 4px 24px 0px) for specific interactive components or cards if depth is required.
- Do not use serif fonts; the brand is exclusively sans-serif (Degular, Inter) and monospace (IBM Plex Mono).
- Do not use gradients for backgrounds or buttons; the design is flat and solid-color based.
- Do not use rounded corners (border-radius > 0px) on primary action buttons; keep them sharp (0px) to convey precision.
- Do not use playful or overly casual vocabulary; stick to advanced technical terminology and direct imperatives.
Design Assets
Visual Elements
How to use this file
1. Save this file as DESIGN.md in your project root (sibling to README.md).
2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.
3. Validate or export tokens with the official CLI:
npx @google/design.md lint DESIGN.md npx @google/design.md export --format tailwind DESIGN.md
Developer Access
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/postman.com \
-H "x-api-key: ev_your_key"
# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
-H "x-api-key: ev_your_key"
# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
-H "x-api-key: ev_your_key"Extract your own brand kit
Get colors, fonts, voice, and personality from any website in seconds. Open source.