COMPONENT LIBRARY / REV 2026.08STATIC HTML / NO FRAMEWORK

A design library, documented like hardware.

Page templates, components and tokens, filled over time. Every piece ships with its anatomy: states, exact tokens, copy-ready code. Status below is honest.

TEMPLATES10 PLANNED

COMPONENTS11 / 28 FABRICATED

TOKEN FILETOKENS.CSS

LICENCEPERSONAL USE

01 / PAGE TEMPLATES

8 FABRICATED · 2 QUEUED

IDTEMPLATENOTESSTATUS

TPL-01Portfolio index — spec listThis page: identity, dense manifest, honest statusFABRICATED→

TPL-02Portfolio index — exploded gridSame content, image-led modular gridQUEUED

TPL-03Case study — long formProblem, constraints, decisions, artefacts, outcome. Fill-in structureFABRICATED→

TPL-04Case study — visual galleryFull-bleed figures, minimal proseQUEUED

TPL-05About / bioSpec-sheet biography with capability matrixFABRICATED→ TPL-06Now / changelogReverse-chronological entries, semver-style revisionsFABRICATED→ TPL-07ContactSingle-purpose form, response contract statedFABRICATED→ TPL-08Writing — index + articleLong-form reading measure, mono footnotesFABRICATED→ TPL-09404 + empty statesErrors documented like fault codesFABRICATED→ TPL-10Component anatomyThe documentation standard — exploded view, tokens, code, a11yFABRICATED→

02 / COMPONENT INVENTORY — ANATOMY PAGES

28 COMPONENTS · 11 FABRICATED

NAV■ FOOTER■ BUTTON■ LINK□ INPUT■ TEXTAREA■ SELECT■ CHECKBOX□ RADIO□ TOGGLE■ TAG■ BADGE□ SPEC ROW□ TABLE■ CARD MODULE■ MEDIA FRAME□ BLOCKQUOTE□ CODE BLOCK□ TABS□ ACCORDION□ BREADCRUMB□ PAGINATION□ TOOLTIP□ MODAL■ TOAST■ SKELETON□ DIVIDER□ SECTION HEADER□

■ FABRICATED — LIVE ANATOMY PAGE · □ QUEUED · TEXTAREA IS DOCUMENTED ON THE INPUT PAGE

03 / METHOD

Each template is a real, standalone page — view source, copy, fill. Every component ships with an anatomy page: all states rendered live, an exploded-view diagram, the exact tokens consumed, and code ready for the clipboard. Nothing here is a mockup of documentation; it is the documentation.

SEE THE ANATOMY STANDARD → TOKEN CONTRACT