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; where the
paper service (print) does, that is shown too.
The third layer. When the page is printed, the house
ignores whichever service you chose and sets everything on white: the
@media print token overrides, each shown beside its night value, then
the rules that are not colours — what gets dropped, the margins, and how links
survive on a surface with no back button.
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, and the token overrides inside
@media print, are lifted separately for comparison.