Skip to main content
BM

Design System

The system this site is built from: tokens that set every property value (color, size and motion), components built on them, and a theme creator that edits both.

Built alongside agentic coding. Most components were ported from libraries and projects I built before; for the rest, I provided the direction, specs and designs, and then reviewed the result. Every component was integrated with this site's tokens, so all of them are fully customizable. The docs were written by AI and verified by automated tests and accessibility checks.

  • Tokens

    Every design token behind this site, with its light and dark values.
  • Components

    The component library: live examples, props, styling hooks and accessibility notes.
  • Theme Creator

    Build your own theme from the tokens, see it on real components, and use it across the site.