Every cabinet of curiosities has a drawer nobody opens: the one with the tools in it. This is that drawer, itemised. Below, the house stylesheet of clive.kieranajp.uk is fetched from the live site, parsed, and catalogued — tokens, type, keyframes, easings, fixed values — each specimen rendered at its declared value. Nothing hand-copied; nothing able to go stale.
Declared on :root — the night-service
defaults. Swatches, specimens and values rendered live from the parsed source. Where
the day service overrides a token, the override is shown beneath it.
The two families and the deck of font sizes, extracted from the shipped rules and rendered here in their own stacks. The monospace is the voice the house thinks in; the sans is what it uses when it has something longer to say.
Every @keyframes rule in the shipped
stylesheet, each demonstrated by a runner on a small stage at its declared timing.
Motion respects your OS settings, as the house itself does.
Every timing function the house uses on
transitions, each with a shuttle running at its declared curve.
A restrained repertoire, all things considered.
The places the house is nailed down in absolute pixels rather than clamps and rems: radii, chip borders, the z-index ladder for the help overlay. Small number, deliberate things.
How the specimens are made, in five steps:
fetch("/", { cache: "no-cache" }) — the page requests the site's
own homepage from the origin it is served from, network-forced.DOMParser.<style> element is lifted: the single inline stylesheet
shipped in _layouts/default.html. One source of truth; no second asset
to fall out of date.:root block, skipping
anything nested inside @media, so day-service overrides cannot
contaminate the night registry. Day values are lifted separately for comparison.