An unofficial, original Postman-inspired interface study with 14 focused specimens supported by the live product and content experience.
Foundations
A public overview of the typography, palette, icon language, spacing, shape, and motion used throughout this AI Kit.
Style identity
A product-led API platform language: warm action color, dark plum product surfaces, tight operational density, and a clear path from AI-native discovery to API delivery.
adaptive light and dark; warm API-platform accent themeTypography
Inter
navigation, body copy, controls, labels, and product UI
Inter, Arial, sans-serifFallback: Arial, ui-sans-serif, system-ui, sans-serif
Degular
campaign display headings and high-intent hero statements
Degular, Arial, sans-serifFallback: Arial, ui-sans-serif, system-ui, sans-serif
IBM Plex Mono
endpoints, metrics, code labels, timestamps, and technical metadata
IBM Plex Mono, SFMono-Regular, Consolas, monospaceFallback: SFMono-Regular, Menlo, Consolas, monospace
Palette
Plum canvas
#110a1cdark product canvas and hero ground
Light canvas
#fbf9fclight marketing canvas
Raised surface
#f3eef8light cards and selected controls
Primary text
#241d2dlight copy
Muted text
#70657chelper copy and inactive navigation
Postman orange
#f06c3dprimary actions and positive emphasis
Violet signal
#8c69ffAI/product accent and secondary action
Success
#32b47dpassing requests and healthy monitors
Warning
#e0a23battention and degraded signals
Danger
#e15d6bfailed requests and destructive states
Type scale
| Role | Size | Weight | Line height | Tracking |
|---|---|---|---|---|
| Hero | 68px | 700 | 0.94 | -0.05em |
| Hero mobile | 44px | 700 | 0.96 | -0.04em |
| Section | 38px | 700 | 1.0 | -0.035em |
| Product title | 20px | 600 | 1.2 | -0.02em |
| Body | 16px | 400 | 1.55 | 0 |
| Interface | 13px | 600 | 1.35 | 0 |
| Technical | 12px | 400 | 1.45 | 0.02em |
Spacing & shape
Iconography
Use one original SVG family for rail, product, search, and status controls; pair unfamiliar symbols with visible labels and preserve the compact product rhythm.
System metrics
Radius
Spacing
Motion
Elevation
flat
1px border; no shadowproduct frame
0 20px 40px rgba(0,0,0,.12)menu
0 18px 52px rgba(17,10,28,.26)focus
0 0 0 3px rgba(240,108,61,.28)Surfaces & shape
light canvas
#fbf9fcpage background
light surface
#ffffffcards and controls
light raised
#f3eef8selected rows and metric panels
dark canvas
#110a1cproduct and hero ground
dark surface
#1b1028dense product cards
dark raised
#2a1740hover and selected surfaces
Guidelines
Imagery
Use sharp original interface diagrams, request tables, API rail abstractions, and abstract signal shapes. Never reuse the live site’s screenshots, logos, customer marks, or campaign artwork in source elements.
Layout
Align global navigation, hero copy, product frames, and footer to one 1180px rail. Use a split hero at desktop, collapse to a single column below 900px, and preserve a 16px mobile gutter with full-width primary actions.
Concept
Use the file tree to move between the full reference preview, implementation guidance, portable tokens, and framework-ready styles. Each surface stays focused, so you can understand the system before copying code.
Assigned collection
14 published components in collection order
Components
Production-ready specimens from this AI Kit's approved collection.
More like this
An unofficial, original v0-inspired Prompt Workshop system grounded in 17 retained, evidence-backed interface patterns.
13 focused, original elements for Borderless Ledger; categories are retained only when supported by the live reference. Published flags remain disabled.
A high-contrast studio language for a platform that moves between creative production, developer workflows, robotics, research, and enterprise. The system uses a dark stage, warm action color, and compact cross-platform wayfinding without copying Runway's wordmark, content, or media. Responsive previews and 8 evidence-backed interface elements.
An original, unofficial Observable-inspired system for reactive notebooks, executable explanations, and data visualization surfaces. It retains only 11 focused elements supported by Observable's live notebook and chart workflows.
A friendly builder language for moving from prompt to app: vivid purple/green accents, a prominent idea field, artifact type selection, parallel execution, built-in infrastructure, team plans, agent chat, and a clear publish handoff. It is an original study without Replit's logo, pixel font, testimonials, screenshots, or protected copy. Responsive previews and 14 evidence-backed interface elements.
An unofficial, original Perplexity-inspired interface study with 13 focused specimens supported by the live product and content experience.