White, rounded and quiet.

The page is --bg. A band or a tile that needs to separate from it is --soft. Behind a section there can be two large, faint radial gradients, one from each side: they are gradients and not blurred elements, because a half-viewport box under filter: blur() is a full-screen compositing layer, and a gradient that fades to transparent is the same picture for nothing.

Every ratio below is computed from the hex beside it at build time. The palette itself is imported from src/data/palette.mjs, the same literal tailwind.config.mjs reads - this page holds no copy of it.

Inter, variable, self-hosted. JetBrains Mono is still loaded and sets code and nothing else; it was the body face of every page until this look, and the day it stopped being a label face is the day code started standing out again.

One word in a heading can carry colour: a gradient clipped to the glyphs, solid accent where background-clip: text is missing. The class is still .hl, from when it was a highlighter stripe behind the word.

Everything that needs to read as a thing is a rounded tile at --radius. The older class names are from the paper look and were kept because nearly forty files use them; new work should reach for .s-tile.

A button is a pill. The solid one is the accent, for the one thing a view most wants pressed; the quiet one is a wash of the same colour. Skill chips fill with their level under the pointer.

Content reveals with .reveal, a view() timeline with no JavaScript; where scroll-driven animation is unsupported the keyframes run for zero seconds and land on the visible frame, so unsupported means already revealed and never invisible. Tiles lift two or three pixels on --ease. Only the games on the home page use --spring, which overshoots: tools sit still, toys do not. Everything that moves stops under prefers-reduced-motion.

Every cover, card and share image is drawn by a script and committed; the tooling that draws them is not. A picture is one object: the thing you would put on the app's icon. It sits on one of two grounds. Dark is near-black with stepped rings of light, a glass tile and a glowing glyph, with colour spilling out from behind the tile. Pastel is a pale field deepening into the product's own colour, with one frosted object floating on a soft shadow. A set mixes the two, so a row of cards is never six black rectangles. There are no outlines anywhere, and nothing is random: the same input draws the same bytes. scripts/art-kit.mjs is the whole vocabulary, and its header has the two attempts that came before this one.