Style Packs/510265a5-7f80-40d4-9ce5-638c2e5a2f9f

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
Sign in to Apply to Project

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-serif
Aa
font-family-heading'Inter', sans-serif
Aa
font-size-2xl1.5rem
Aa
font-size-3xl2rem
Aa
font-size-4xl2.5rem
Aa
font-size-base1rem
Aa
font-size-lg1.125rem
Aa
font-size-sm0.875rem
Aa
font-size-xl1.25rem
Aa
font-size-xs0.75rem

The 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