01
Tokens, not values
Every component reads --color-color-1, --font-size-2, --space-s. Change the token, the component follows. The component never owns a color.
Real custom elements.
No framework tax.
Twenty-four web components, each a real customElement in the browser. Built on tokens from the rest of the system — no rogue hex codes, no off-scale type, no bespoke layout. Drop them in any backend. Render them anywhere HTML renders.
01 — Principles
The system builds the components — not the other way around.
02
Unstyled by default
Components ship with structure and behavior. Styling lives in CSS variables you control. Re-skin without forking — and without prop drilling.
03
Plain HTML in, plain HTML out
No JSX, no signals, no hydration. A component is a tag the browser already understands. View source still works.
02 — Catalogue
24
The set, in miniature.
brandDocsSystemStart
Ship the real thingnew
A headline, a promise, one CTA.
OKLchcolors
Clamptype
Gridlayout
Kamaldeploy
2026 · Dispatch #04
The end of the handoff
Editors, engineers, and ops working from the same artifact means fewer drifts.
Ready to ship?
One command away.
Start building$49 / month
7-day trial · card required
03 — Anatomy
A tag you already know how to read.
Slots
Content goes in named slots
Light DOM children with slot attributes. Styleable from the outside. Searchable. Readable in view source.
Attributes
State on the element itself
open, variant, disabled — set them as HTML attributes, query them from CSS. No state library, no props ceremony.
Events
Plain DOM events
Components emit change, submit, dismiss. Listen with addEventListener. Works in Go templates, Rails, Astro, plain HTML.
Ready to ship?
Get the components.
The full set ships with every scaffold. Custom elements, plain CSS, no build pipeline. Open the source — it's HTML.