§ · Colophon
How the site is made.
Rev.A · 26Q2
Monochrome on black. Editorial display in Geist with Onest as the Cyrillic companion; technical register in JetBrains Mono. Hero scene composed on Unicorn Studio; Work previews render as CSS-masked SVG layers.
Typefaces
- JetBrains Mono ↗JetBrains · Sole family — UI, labels, prose, display
Each Work-section project ships as one or more SVG frames in /public/works/. The preview surface stacks them as absolutely-positioned masked divs; for multi-frame projects (typefaces, identity sets) the active frame cycles every 660 ms.
Libraries
- Next.js 15 ↗App Router + React 19
- Unicorn Studio ↗Hero scene (3D matcap + glyph dither + bloom + grain)
- Tailwind CSS ↗Utility layer on top of custom-property tokens
- Lenis ↗Smooth scroll
- Zustand ↗Client state (theme · reduced-motion · palette)
- @vercel/og ↗Satori-based OG image generation
Theme
Inked
Motion
Full