Laundry OS Design Tokens

Warm and welcoming, mass-market visual baseline powered by shared semantic tokens.

Color swatches

primary
#0F766E
primaryActive
#115E59
primarySoft
#CCFBF1
accent
#F97316
accentSoft
#FFEDD5
background
#F8FAFC
surface
#FFFFFF
surface2
#F1F5F9
border
#E2E8F0
textPrimary
#0F172A
textSecondary
#475569
textDisabled
#94A3B8
statusSuccess
#16A34A
statusWarning
#F59E0B
statusDanger
#DC2626
statusInfo
#2563EB

Typography scale

H1 Fast, trusted laundry for every household
H2 Clear status, simple actions, human warmth
H3 Designed for busy customers, affiliates, hubs, and drivers
Body Laundry OS provides end-to-end visibility across zones, hubs, drivers, affiliates, and customers.
Small Secondary information, helper text, and supporting labels.
Caption Metadata, timestamps, and subtle descriptors.

Spacing scale

4
4px
8
8px
12
12px
16
16px
20
20px
24
24px
32
32px
40
40px
48
48px
64
64px

Radii + surfaces

radius 8
8px
radius 12
12px
radius 16
16px
radius 20
20px