LaptopMarket
A clean, modern, trust-building design system for a second-hand laptop marketplace. Uses deep blues and teals for trust, warm accents for CTAs, and generous whitespace for a premium feel.
marketplacev1.0.038 tokens0 components
Colors12 tokens
color-accent#f59e0b
color-background#f8fafc
color-border#e2e8f0
color-danger#ef4444
color-primary#0f172a
color-secondary#0ea5e9
color-success#10b981
color-surface#ffffff
color-text-on-primary#ffffff
color-text-primary#0f172a
color-text-secondary#64748b
color-warning#f59e0b
Text on background sample
Background: #f8fafc · Text: #0f172a
Typography10 tokens
Aa
font-family-body'Inter', sans-serifAa
font-family-heading'Inter', sans-serifAa
font-size-2xl1.5remAa
font-size-3xl2remAa
font-size-4xl2.5remAa
font-size-base1remAa
font-size-lg1.125remAa
font-size-sm0.875remAa
font-size-xl1.25remAa
font-size-xs0.75remThe quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. How vexingly quick daft zebras jump.
Border Radius5 tokens
radius-full9999px
radius-lg0.75rem
radius-md0.5rem
radius-sm0.375rem
radius-xl1rem
Shadows4 tokens
shadow-lg
shadow-md
shadow-sm
shadow-xl
Spacing7 tokens
spacing-2xl3rem
spacing-3xl4rem
spacing-lg1.5rem
spacing-md1rem
spacing-sm0.5rem
spacing-xl2rem
spacing-xs0.25rem