Home
DESIGN.mdStar on GitHub

Postman

The AI-native API platform — design, test, and ship APIs, all in one place.

Collections Environments Mock Servers Monitors Flows Postbot AI
Signature — API Request Builder
Params Authorization Headers (2) Body
Response — Time —Size —
// Hit Send to run the request
Colors
Primary
orange#FF6C37Brand, Send, mark
orange-hover#EF5B25Hover/pressed
ink#212121Headings, body
dark-plum#140B1EDeep dark surface
HTTP methods
GET#0CBB52Read
POST#B07800Create
PUT#0265D2Replace
PATCH#7C3FBFUpdate
DELETE#D92D20Remove
Neutrals
grey#5C5C5CSecondary text
border#E6E6E6Borders
fill#EFEFEFSubtle fills
off-white#F9F8F7Page background
Typography — Degular (≈ Figtree) · Inter · IBM Plex Mono
display
Figtree · 700
Postman
54px700
h1
Figtree · 700
The AI-native API Platform
32px700
h2
Figtree · 600
Design, test, and ship APIs
22px600
body-lg
Inter · 400
Build and collaborate on APIs, all in one place.
17px400
body-sm
Inter · 400
Send a request and inspect the response in seconds.
13px400
mono
IBM Plex Mono · 500
GET https://api.getpostman.com/collections
12pxmono
Components
Buttons
Method tags
GET POST PUT PATCH DELETE
Request URL
Radius
4px
6px
8px
Guardrails
DO
Use orange #FF6C37 for the Send button and primary CTAs — it is the brand
Color HTTP methods semantically: GET green, POST amber, PUT blue, PATCH purple, DELETE red
Set URLs, JSON, and method labels in IBM Plex Mono — the payload is code
Set headings in Degular (≈ Figtree), UI in Inter
Show status + time + size on every response — the Postman readout
DON'T
Recolor the Postmanaut mark — it's fixed orange + white
Use a method's color for a different verb — GET is green, never orange
Set JSON or URLs in a sans — mono carries the payload
Render a response without a status pill — status is always shown
Fabricate responses — use realistic shapes and correct status codes