How to operate
- Try the palettes and typefaces; contrast grades itself as you switch.
- Grow a bark panel of your own at the bottom.
The Styleguide
This site was tuned in a room like this one. Swap the palette, try a face, check a color against both themes, and grow some bark. Nothing you do here follows you to the rest of the site.
Palette
Typeface
Billboard
Type this large wants 3:1 or better against its field.
Bark
Specimen plate BDL-002 · The Styleguide
Every color and typeface on this site earned its place in a tuning room: candidates lined up, contrast ratios computed live, bark redrawn a hundred ways until something worked. This specimen is that room with the door propped open. The full instrument stays on the workbench; the controls that prove interesting graduate here.
How it works: the page injects candidate design tokens as scoped CSS and recomputes WCAG contrast ratios on every change. The bark panel drives the same seeded pattern core and WebGL renderer that grow the bark on every other page of this site.
webgltypescriptastro