Colophon.
The last sheet in the set: what this site is made of, and the rules it was made to.
Type
- Geist
- Text and display, by Vercel. SIL Open Font License.
- Geist Mono
- Code, versions and measurements only.
Framework
- Next.js 16.2.9
- React Server Components by default; every page prerendered.
- React 19.2.4
- Client code limited to navigation, forms and a few interactions.
- Tailwind CSS 4
- Utilities over a small set of design tokens.
- Zod, React Hook Form
- Contact form validation, on the client and again on the server.
Design system
- Sheet
- #F7F4EE cream, ink #161513, one signal orange #C2461A (4.7:1).
- Shape
- One radius: 4px for controls and panels, 6px for media.
- Icons
- A small SVG set drawn for this site, 1.5px stroke.
Motion
- Durations
- 160ms feedback, 280ms interface, 520ms reveal.
- Easing
- Strong ease-out cubic-bezier(0.23, 1, 0.32, 1); no ease-in.
- Engine
- CSS transitions and one IntersectionObserver. No animation library.
- Reduced motion
- Movement is removed; colour and opacity feedback stays.
Checks
- Snowbros Atlas
- Static analysis on every change. Current score on the site's case study.
- TypeScript, ESLint
- Strict types and the React hooks rules, clean before release.
- Headers
- Content Security Policy, HSTS and frame denial on every route.
Drawn by
- Ved Chauhan
- bc9936b
- 2026-10-01
Press B on any page to see its working drawing. Read the case study.