An open visual identity. One typeface, three colors, a spacing scale. The wordmark is the mark — kcolb reverses blok; the rest is restraint.
type
JetBrains Mono. One family, three weights, six sizes. Falls back to ui-monospace so the page renders before any font loads.
color
Three values carry the system. The mark appears once per view — anything more is noise.
space
Space is the brand. The scale roughly doubles — use one step at a time, never invent between.
identity
The visual surfaces that carry the brand outside of typography and color — the wordmark and its lockups, the non-typographic shapes the system uses to mark separation and anchor sections, and the layout primitives that hold everything together.
components
Tokens are values; components are the patterns that use them — chips, cards, buttons, forms, tables, code blocks, alerts, charts, nav. One file per component, snippet on the page, copy-paste, no build.
use
Vendor tokens.css or link it from the CDN. Read the rest of the system from this page or the component pages.
<link rel="stylesheet"
href="https://kcolbchain.github.io/brand/tokens.css">principles
Monotype. One typeface across everything. No exceptions for headings, no sans-for-body. The grid the type sits on is the visual system.
Anonymous. No mascot, no character, no mark beyond the wordmark. The work speaks; the brand does not announce itself.
Open. Tokens are public. Copy what you need; attribute nothing.
Space. If a layout feels finished, remove something. Add space first, type second, color last.
Time. No animation that costs the visitor a frame. No autoplay. No page that does not render before a font loads.