Design System

v1.0.0

PandaHub design language — tokens, typography, components and patterns for the sourcing and installment-purchase UI.

COLOUR TOKENS — PRIMARY
Primary
--primary
Primary Mid
--primary-mid
Primary Dark
--primary-dark
Primary Pale
--primary-pale
COLOUR TOKENS — BRAND (DARK SURFACES)
Brand
--brand
Brand Mid
--brand-mid
Brand Light
--brand-light
Hero BG
--hero-bg
COLOUR TOKENS — NEUTRALS
Foreground
--fg
Foreground Mid
--fg-mid
Muted
--muted
Muted 2
--muted-2
Border
--border
Surface
--surface
Background
--bg
COLOUR TOKENS — SEMANTIC
Success
--success
Warning
--warning
Error
--error
Info
--info
SPACING SCALE
4px
8px
12px
16px
20px
24px
32px
40px
48px
56px
64px
96px
BORDER RADIUS
xs
--r-xs
sm
--r-sm
base
--r
md
--r-md
lg
--r-lg
xl
--r-xl
full
9999px