<!-- Generated by ExtractVibe — https://extractvibe.com/brand/postman.com -->
<!-- Extracted: 2026-05-03T16:50:31.816Z | Schema: v1 | Quality: 100/100 -->
---
version: alpha
name: "Postman: The World's Leading API Platform | Sign Up for Free"
description: "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."
colors:
  primary: "#ff6c37"
  secondary: "#6b6b6b"
  tertiary: "#d23f0e"
  neutral: "#e6e6e6"
  surface: "#ffffff"
  on-surface: "#212121"
  on-surface-secondary: "#6b6b6b"
  border: "#f2f2f2"
  link: "#0265d2"
  error: "#8e1a10"
  warning: "#ad7a03"
  success: "#007f31"
  surface-dark: "#140b1e"
typography:
  display-lg:
    fontFamily: "degular"
    fontSize: "55px"
    fontWeight: "600"
    lineHeight: "49.5px"
    letterSpacing: "0.6px"
  headline-lg:
    fontFamily: "degular"
    fontSize: "55px"
    fontWeight: "600"
    lineHeight: "50px"
    letterSpacing: "0.6px"
  body-md:
    fontFamily: "system-ui"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "18.4px"
    letterSpacing: "-0.16px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-outline:
    textColor: "#212121"
    rounded: "0px"
    padding: "0px"
    fontSize: "16px"
    fontWeight: "400"
    borderWidth: "0px 0px 1px"
---

# Postman: The World's Leading API Platform | Sign Up for Free — Design System

## Overview

Postman's design system embodies the archetypes of The Creator and The Sage, reflecting a brand that empowers development and provides expert guidance. Its aesthetic is deeply rooted in modern developer tooling, aligning with the utilitarian and high-contrast principles seen in brands like Vercel, Stripe, Linear, and GitHub. This design prioritizes clarity, functionality, and an engineering-first mindset, ensuring that every interface element serves a direct purpose in facilitating API development. The visual language is authoritative and direct, designed to instill confidence and efficiency in its technical user base.

This design system eschews decorative elements, excessive gradients, or playful whimsy. It is not a consumer-facing, lifestyle-oriented brand; rather, it is a robust, enterprise-grade platform built for serious technical work. The high-contrast palette and stark presentation are deliberate choices to minimize visual noise and maximize information legibility, crucial for complex technical interfaces. Every design decision reinforces Postman's position as the world's leading API platform, emphasizing reliability, precision, and an unwavering focus on the developer experience.

**Key characteristics:**

- Vibe — developer-first, enterprise-grade, utilitarian, high-contrast, technical, authoritative
- Archetypes — The Creator, The Sage
- Comparable to — Vercel, Stripe, Linear, GitHub
- Design era — contemporary-minimal
- Emotional tone — competent-direct
- Target audience — Software engineers, API developers, and technical decision-makers at enterprise scale.
- Visual energy — 6/10 (moderate)

## Colors

The color palette is fundamentally utilitarian, centered on a stark, high-contrast relationship between the primary brand accent and a clean surface. The primary color, #ff6c37, serves as a singular, powerful focal point, signaling key actions, interactive elements, and brand identity without visual clutter. The dominant #ffffff surface color ensures maximum legibility and a perception of cleanliness and efficiency. This minimal palette underscores Postman's developer-first, enterprise-grade character, prioritizing clarity and function over decorative complexity.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#ff6c37` | Tomato |
| secondary | `#6b6b6b` | Dim Gray |
| accent / tertiary | `#d23f0e` | Dark Orange |
| surface | `#ffffff` | White |
| background | `#ffffff` | White |
| text | `#212121` | Near-Black |
| secondary text | `#6b6b6b` | Dim Gray |
| border | `#f2f2f2` | White Smoke |
| link | `#0265d2` | Cobalt |
| muted | `#e6e6e6` | Lavender |

### Dark mode

| Role | Hex | Name |
|------|-----|------|
| surface | `#140b1e` | Near-Black |

### Semantic

| Role | Hex | Use |
|------|-----|-----|
| success | `#007f31` | Confirmations, positive states |
| warning | `#ad7a03` | Caution, intermediate states |
| error | `#8e1a10` | Failures, destructive actions |

## Typography

Postman's type system is built for technical clarity and hierarchical precision. The use of `system-ui` ensures native performance and readability, while `degular`, `inter`, and `ibmPlexMono` provide a robust toolkit for diverse content needs. `ibmPlexMono` specifically grounds the design in a developer-centric aesthetic, ideal for code snippets and technical data. The overall approach emphasizes clear information hierarchy and legibility, communicating authority and technical competence without resorting to ornamental typefaces, aligning with the brand's utilitarian and authoritative vibe.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| system-ui | body | system | 400 |
| degular | heading | self-hosted | 600 |
| inter | body | self-hosted | 400, 600 |
| ibmPlexMono | body | self-hosted | 400 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | degular | 55px | 600 | 49.5px | 0.6px |
| Heading 2 | degular | 55px | 600 | 50px | 0.6px |
| Body | system-ui | 16px | 400 | 18.4px | -0.16px |

### Conventions

- Heading case — sentence-case
- Body line-height — 18.4px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| element | `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` |
| element | `rgb(179, 135, 245) 0px 4px 24px 0px` |

## Components

### Buttons

**Outline**

- Text — `#212121`
- Radius — `0px`
- Padding — `0px`
- Font size — `16px`
- Font weight — `400`
- Sample copy — "What's New"

## Do's and 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.

*Source — inferred*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 4/10 | formal |
| Playful ↔ Serious | 2/10 | playful |
| Enthusiastic ↔ Matter-of-fact | 6/10 | balanced |
| Respectful ↔ Irreverent | 3/10 | respectful |
| Technical ↔ Accessible | 3/10 | technical |

### Copywriting style

- Avg. sentence length — 8 words
- Vocabulary — advanced
- Jargon — heavy
- CTA style — direct action-oriented imperatives with value propositions
- Rhetorical devices — parallelism, imperative verbs, capitalization for emphasis

### Sample copy

> A NEW POSTMAN IS HERE

> Develop, test, manage, and distribute APIs and services.

> Built for engineers. Designed for enterprise scale.

> The world's APIs are built and shipped on Postman.

> Accelerate API development with Postman's all-in-one platform.

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-23.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-18.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-16.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-17.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-20.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-21.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-22.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-24.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-25.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-26.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-27.svg) | 80% |
| logomark | color | svg | [link](https://extractvibe.com/api/assets/brands/postman.com/logo-19.svg) | 80% |

## Sources

- Official brand guidelines — https://postman.com/brand
- Live brand page — https://extractvibe.com/brand/postman.com
- Raw JSON — https://extractvibe.com/api/brand/postman.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/postman.com/design.md
- Extracted — 2026-05-03T16:50:31.816Z
- Generator — ExtractVibe vv1
- Quality score — 100/100