DESIGN TOKENS · v1

AI Buying Concierge foundations

Pine marks actions and facts checked against the catalog. Iris marks anything AI-assisted. Amber flags budget gaps. Catalog facts are set in Geist Mono so real data never looks like generated text.

In use

AI-assisted Best fit for your team

Better: balanced for calls and spreadsheets

16 GB memory · 512 GB SSD · 14 in display

$1,049 each $49 over budget

Tradeoff: heavier than the Good pick, so less ideal for travel.

Color

Semantic tokens. Switch the theme to see each one change.

bg-canvas
bg-surface
bg-subtle
bg-accent
bg-accent-subtle
bg-ai-subtle
bg-warning-subtle
text-primary
text-secondary
border-control
border-focus

Type

Display · 40/46: What will your team use these for?
H1 · 32/38: What will your team use these for?
H2 · 24/30: What will your team use these for?
H3 · 18/24: What will your team use these for?
Body large · 18/28: What will your team use these for?
Body · 16/24: What will your team use these for?
Body small · 14/20: What will your team use these for?
Label · 16/20: What will your team use these for?
Label XS · 12/16: WHAT WILL YOUR TEAM USE THESE FOR?
Data · 14/20 mono: 16 GB · 512 GB SSD · $1,049
Price · 18/24 mono: $1,049 each

Spacing and radius

space-1 · 4
space-2 · 8
space-3 · 12
space-4 · 16
space-6 · 24
space-8 · 32
space-12 · 48
space-16 · 64

radius-sm · 6
radius-md · 10
radius-lg · 16
radius-full