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
Palette
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 booking fee · M450 total · 3 h 30 min · 4.9 from 126 visits
KSh350 booking fee · KSh3 200 total · ₦4 000 · GH₵100 · P45 · N$220
The symbol sits hard against the figure and a thin space separates the thousands, in every currency. Prices are always the specialist's own, so the interface has to look right holding any of them.
Buttons and badges
Booking states
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.