DESIGN KITS

Self-hosted reference for the DigiResiThon design system. Source of truth: design/readme.md

RULES OF THE WORLD

radius: 0 — no rounding anywhere (--radius: 0px)
2px borders — structural borders via --border; dashed --border-offline means pending/placeholder
hard shadows — pixel offsets only: --shadow-1 (3px), --shadow-2 (6px), --shadow-accent (red); no blur, no spread
stepped motion — steps(2..4), 100–200ms via --ease-step-* + --dur-*; elements snap like sprites, never ease
no emoji — Unicode geometry (▲ ■ ● → ░ █) and box-drawing (┌ ─ │) do that job
red is a signal — --accent for actions, alerts, LIVE only; >5% of a screen in red is shouting
dark default — "blackout" is the default (no attribute on <html>); light only via data-theme="light" on <html> or any subtree