Design system
Clock It styleguide
Everything on this page is rendered from the shared Tailwind preset in design-system/. If it looks wrong here, it is wrong everywhere.
The mark
Clock It
Clock It
Palette
Dusk 300#E3A7B3
Dusk 500#C36A7C
Dusk 700#8B4356
Dusk 800#6D2940
Dusk 900#3F1321
Gold 500#B68845
Gold 200#E9D3A2
Blush#F9E8EB
Jade 500#1F9D74
Clay 500#B3483F
Amber#C98A1C
Cream#FFF7EC
Ink#3B2A2E
Type
Braids, locs, lashes and a good manicure
Fraunces carries display. Plus Jakarta Sans carries the interface and everything you actually read: service names, prices, session lengths, the diary.
M50 deposit · M450 total · 3 h 30 min · 4.9 from 126 visits
Buttons and badges
CertifiedEyebrowTop rated
Booking states
RequestedConfirmedIn the chairSettledCancelledNo show
Cards
A card on cream
White, generous radius, a soft dusk shadow and a hairline ring.
A soft card
Blush ground, no shadow. For secondary groupings.