Mockup only — not a page of the site
One theme, one palette per appliance
Click a palette. The whole page changes, including the photographic backdrops, the glass panels, the shadows and the vendor booking form — and nothing but these ten values changed. That is the point: on the last fleet, five palettes overrode six of nine rules and the other three stayed the pilot’s turquoise on twenty-four live sites.
The eight palettes
Each one is ten colours in _data/palettes.json. The gate tools/check-palette.mjs refuses a palette with a missing token, with two tokens collapsed into one colour, or with any value that fails 4.5:1 against the surface — the booking card is vendor markup and is white on every palette, so everything inside it is judged against white.
What is derived, and never declared
Every swatch below is computed from the ten tokens with color-mix. None of them appears as a literal anywhere in the stylesheet, which is why switching a palette moves all of them at once.
It reaches the photographs too
The steel backdrop behind the booking section sits on a tinted ground derived from the palette, and the glass copy panel over it is derived as well. Scroll the home page after switching to see it.
Back to the home page