Living preview
Design tokens & components
Single accent, warm neutrals, 4/8 spacing, calm motion. Approved before screens were built.
Brand ramp
brand-50
#FFF1ED
brand-100
#FFE0D6
brand-200
#FFC2AE
brand-300
#FF9878
brand-400
#FF6A42
brand-500
#E62E04
brand-600
#C42400
brand-700
#A01E00
brand-800
#7A1700
brand-900
#571000
Typography
Display 36
Heading 24
Subheading 18
Body 16 — clear, readable copy for product detail and checkout.
Muted 14 — supporting detail, delivery notes.
Label 12
Buttons
Inputs
Badges, price & rating
SponsoredIn stockLow stockOut of stockRefurbished
KES 42,999KES 45,999
4.6 (18)
Quantity
1
Alerts & empty states
Payment pending
Order confirmed
Payment failed
No products yet
Add your first product or import a CSV to get started.
Loading states
Spacing & money
Spacing follows Tailwind's 4px scale (4, 8, 12, 16, 24, 32, 48). Money is stored in cents: 4299900 = KES 42,999.