design system
Reference for the site's styles, components, and available icons.
Typography
Silkscreen: display headings
Geist Mono: headings and structural
Inter: body
Inter: muted (text-zinc-400)
Inter: fine (text-zinc-500)
Texture Dividers (20 experiments)
Full-bleed canvas geometry for section breaks. Static, crisp at any width. Ink follows the theme.
Moire Backgrounds (14 experiments)
Procedural interference for the site backdrop. Each is two phase fields whose beat is the moire, drawn as crisp vector contours per frame so motion stays sharp and smooth. The ink follows the color scheme (dark on light, light on dark). Faint by design; idles when the tab is hidden and stills out under reduced-motion. Click a card to set it as the site backdrop; the choice sticks across pages.
Buttons
Links
A paragraph with an inline link for reference. Underline is dotted by default, solid on hover.
Color (zinc)
Semantic Tokens (light / dark via system)
Theme-aware roles that flip automatically with the OS color scheme. Prefer these over raw zinc so new UI supports both modes for free. The scene-overlay glass tokens render over the always-dark 3D scenes (frosted-dark in dark mode, frosted-light in light mode).
foreground: primary text
muted-foreground: secondary, labels
faint-foreground: fine print
accent-violet: brand accent, links, eyebrows
destructive: errors
