dunn.dev

Design system

Single source of truth for tokens, type, and mark across the dunn.dev estate. Sites import from @dunn.dev/design and inherit a consistent foundation.

What's here

Colors

Palette scales (moss, earth, group, callout) and semantic tokens. Light + dark.

Typography

IBM Plex Sans + Mono. Fluid type scale, line heights, prose samples.

Mark

Othala-derived network rune. Progressive detail at size, light + dark variants.

Foundation

One import gives you everything. Per-site overrides.

Quick start

@import '@dunn.dev/design/tokens/index.css';

One import gives you colors (light + dark), typography, scale, and radii. Use bare semantic names: var(--bg), var(--accent), var(--text-xl). Sites override accent or display font locally for personality.