Neo-boutique scheduling for people who sell their time. This page renders every token in the v1 system at working size, so decisions get made by looking rather than by reading hex values.
Two-layer model. Teal carries structure, amber carries conversion, warm neutrals carry everything else. Contrast is annotated where it changes what you may build with a value.
Instrument Serif for the editorial moments, at Regular only — the family has no bold. Outfit for every working surface, including all headings from H3 down.
Six lifecycle states. Every chip carries its label, so colour never does the work alone. No-show adds a dashed border for a second non-colour signal.
Amber appears once per view and it is always the thing you want clicked. Teal buttons use Ink Teal so white labels clear AA. Tab through these to see the focus ring switch to ink on the amber surface.
Selected slots fill with Ink Teal rather than Primary Teal, which is the one place the contrast fix is visible to the eye. Tiles clear the 44px touch floor.
The time is the headline. Set in Instrument Serif at display scale, the way a price is set on a boutique tag — not as a data point in a grid. Everything else on the card stays quiet so this one element carries the brand.
Rendered from the v1 tokens defined in app/globals.css. Reasoning behind each decision is in docs/01-design-system.md.