The visual + verbal language for an enforcement product. Pure black canvas, hairline borders, one accent. Built for clarity at the moment a decision crosses the boundary.
Mission, principles, glossary. The exact words every surface uses.
Pure black canvas, hairline borders, one accent, three statuses.
Inter for prose. JetBrains Mono for anything copied verbatim.
Buttons, inputs, badges, cards, code blocks — matched to production.
Decision packet, pipeline, hero, action grid, app shell, audit.
The principles, foundations, and applied examples that define the look.
The full marketing surface. Hero, decision packet, four-step model, developer enforcement.
Live, interactive enforcement demo. Switch the simulated request, watch the trace fire.
Long-form content surface. Numbered sections, fail-closed examples, honest limitations.
Every page in the system is built on the same four-color surface scale, two-family type system, and hairline-everything geometry. Read the principles before you reach for primitives.
Import tokens.css and primitives.css. Use site.cssif you're shipping a marketing surface. Every variable maps directly to production.