Amplemarket

A warm-neutral B2B sales-software interface built on an off-white canvas (#f6f5f3) with near-black ink, a single variable display typeface (Labil Grotesk) used at weight 400 across the entire hierarchy, and dark near-black product cards that anchor the long-scroll marketing page. Brand voltage comes from a small set of saturated product-UI accents (cyan, blues, warm orange/yellow, pink) shown inside embedded app fragments and a dark high-contrast band, rather than from a colored CTA — primary actions stay monochrome black.

amplemarket.com

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

display 56px · 400 · 1.0

The quick brown fox jumps

title-lg 36px · 400 · 1.1

The quick brown fox jumps

title-md 28px · 400 · 1.1

The quick brown fox jumps

title-sm 24px · 400 · 1.1

The quick brown fox jumps

body 20px · 400 · 1.3

The quick brown fox jumps

button 14px · 500 · 1.0

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xs	8px
sm	12px
md	16px
lg	20px
xl	28px
xxl	40px

Border Radius

Name	Value	Preview
xs	3px
sm	4px
md	6px
lg	8px
xl	12px
xxl	16px
pill	22px

FAQ

What colors does Amplemarket use?: Amplemarket's core palette includes #111111, #222222, #333333, #000000, #f6f5f3. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Amplemarket DESIGN.md.
What font does Amplemarket use?: Amplemarket's primary typeface is Labil Grotesk Variable. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
What is the Amplemarket design system?: A warm-neutral B2B sales-software interface built on an off-white canvas (#f6f5f3) with near-black ink, a single variable display typeface (Labil Grotesk) used at weight 400 across the entire hierarc…

More like this

↓ .md ↓ All files

loading…