Make it yours

Set the site up your way. Changes apply as you click and are saved in this browser only.

Style

Four complete looks, same content.

Accent

The colour for highlights, labels and the dot.

Where are you today?

The site highlights the toolkits and first steps that fit you.

Reading depth

Brief shows the one-line summaries. Full shows every detail.

Colour mode

Follow your device, or choose.

Text size

Scales every word on the site.

Density

More breathing room, or more on screen.

Motion

The drawing network lines, counters and fade-ins.

See it on the home page →
Under the hood
  • Every colour, font and corner radius on the site is a CSS custom property. Each style and accent is a small set of overrides on the <html> element, in light and dark versions.
  • A short script in the page head reads your choices before anything is drawn, so you never see the default flash first.
  • Your choices are kept in this browser's local storage. Nothing is sent to a server.
  • Links can carry a view: ?lens=executive opens the executive view, ?style=boardroom&accent=gold&mode=dark a shared look.
  • Plain HTML, CSS and JavaScript, with no frameworks and no build step.