Black, hairlines, one light.

The page is --bg, pure black. A band or a tile that needs to separate from it is --soft, one step above, with a 1px --line round it. Light comes from behind: the accent blurred behind a hero frame, or an app's tint rising from the foot of its tile.

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 white, for the one thing a view most wants pressed; the quiet one is a dark panel on a hairline. 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. --spring overshoots, and is kept for toys: tools sit still. 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.