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 toys. Each is two phase fields whose beat is the moire, drawn as crisp vector contours per frame. The ink follows the color scheme (dark on light, light on dark). These no longer wallpaper the site: the page behind this gallery is a sleeping field you can stir. Click a card to highlight it here.
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
