FoundationsComponents
Overview
Brand assets
Colors
Motion
Non-UI tokens
Radius & borders
Spacing
Themes
Typography

Foundations

The token contract every Doxt surface is built from — colors, type, spacing, radius, motion and the layers beneath them. Each family below is a page of live tokens.

UI

Token families

Eight families, one contract. Open a family to see its tokens rendered live by the browser.

Brand assetsThe Doxt marks, their clear space and where they may appear.ColorsIdentity, page structure, component steps and meaning — every fill resolves to a token.MotionDurations and easing that explain change, never decorate it.Non-UI tokensLayers, size tiers and density values that live beneath the visual skin.Radius & bordersHow surfaces end — the corner ladder and the hairline types that draw the edge.SpacingOne pt-based rhythm ladder for every gap, pad and hero band.ThemesThe same ramp read backwards — dark inverts the ladder, tokens keep their names.TypographyA fluid pt scale consumed only through named roles, with a live width axis on headings.