Design System
Style Guide
Every colour, type style and component the storefront is built from — one living reference.
01
Colour
Near-black surfaces, one signal-red accent, electric-blue and cyber-yellow signals.
Surfaces & ink
Signals
02
Typography
Barlow Condensed for headlines, Inter for UI & body.
Display Daily Tech Drop
H1 · Masthead Shop Everything
H2 · Section Best Sellers
H3 · Card KB Phone 15 Pro
Eyebrow The Catalogue
Body · Inter
We test everything, write honestly, and only stock the gear we'd actually recommend.
Fewer things, chosen with far more care — the standard we build toward, one issue at a time.
03
Buttons
The action hierarchy — primary, express-deal, highlight and quiet.
Variants
Sizes
04
Badges & Flags
Product flags and status pills used across cards and the PDP.
−28% NEW HOT EDITOR'S PICK SALE RESTOCKED
05
Form Elements
Inputs, selects and text areas with the focus treatment.
06
Radius & Shadow
The elevation and corner tokens that shape every surface.
Radius
--r-sm6px
--r-md8px
--r-lg12px
--r-pill999px
Shadow
--sh-smelevation
--sh-mdelevation
--sh-lgelevation
--sh-dealelevation
