VICOLOPHONMATERIALS & METHODS
What this site
is made of.
A printed book lists its type, paper, and binder on the last page. We do the same for software. If you find a thing on this site you admire, the credit belongs to the people below.
01MATERIALS
- Framework
- Next.js 16 · App Router · React 19
- Language
- TypeScript, end-to-end
- Styling
- Tailwind CSS v4 with bespoke design tokens
- Forms
- Client-side validation · Zod
- mailto: hand-off to your own client — no third-party sender
- Hosting
- Provider-agnostic · Node runtime, static where it can be
02TYPOGRAPHY
- Workhorse
- JetBrains Mono — used for ~90% of the site. Open-source.
On the long list to swap for Berkeley Mono. - Display
- Inter — used only for the largest headings
- Reserved colour
- Vermilion (#D94A1F) — for accent only, like rubrication in a manuscript
03HOUSE RULES
- Performance
- Lighthouse ≥ 95 across all four scores or it does not ship
- Accessibility
- WCAG AA contrast on every text-on-surface combination · Visible focus rings · Reduced-motion respected
- Privacy
- No third-party trackers · No cookie banner because there is nothing to consent to
- Build
- Static where possible · Streamed where it helps the reader