Design System

Token-driven system with shared components and persona modes for art, tech, and institutional content.

Semantic Tokens

bg / surface-1 / surface-2
fg / fg-muted
border-subtle / border-strong
accent / accent-strong
link / focus
success / error

Core Primitives

Header + global nav
Footer
Typography + prose
Surface card
Form controls
Status messages
Journal index cards

Persona Modes

Art

Editorial rhythm, expressive accent, and generous spacing.

Tech

Denser information flow for reports, journals, and references.

Institutional

Conservative hierarchy for governance, contact, and giving flows.