foundations
Foundations
The eleven laws. No code — the rules every Wolf surface follows. Read them in order if you are building a new Wolf surface — later chapters lean on earlier ones.
- 01BrandMark system, clear space, variants, misuse rules.
- 02Voice and toneVoice pillars, tone spectrum, UI-copy patterns.
- 03ColourOKLCH palette, role tokens, contrast-pair matrix, risk taxonomy.
- 04TypographyBarlow / Source Sans 3 / Geist Mono — scale, leading, weights.
- 05Spacing and layout4px base, scale, containers, breakpoints, density.
- 06Radius, elevation and borders0.20rem canonical radius, shadow scale, sparing-shadow policy.
- 07MotionDurations, easings, springs, reduced-motion contract.
- 08IconographyLucide only, stroke, size scale, custom-icon policy.
- 09Imagery and photographyKodak photography style, aspect ratios, OG spec.
- 10Data visualisationChart types, risk semantics, map legends, accessibility.
- 11AccessibilityWCAG targets, focus, keyboard, ARIA, motion.