Handvantage

COLOPHON

Colophon.

How this website was made, in case you're curious. This is a small page but a deliberate one — knowing the typography, the build stack, and the editorial discipline behind the site helps the reader read the rest of it.


Typography

Source Serif 4 by Frank Grießhammer (Adobe). Used for display and body type. Open-source under the SIL Open Font Licence.

Inter Tight by Rasmus Andersson (Inter Foundation). Used for UI and small-caps eyebrow labels. Open-source under the SIL Open Font Licence.

IBM Plex Mono by Mike Abbink and the IBM Brand Experience and Design team. Used for numerics, code, and technical detail. Open-source under the SIL Open Font Licence.

All three families are self-hosted. There is no runtime request to a font CDN.

Palette

Three core tones — paper (#F5F1EA, a warm cream), ink (#1A1F1B, a near-black with a green-grey undertone), and oxblood (#722F37, the single accent). The palette is deliberately not the SaaS-template blue. The visual reference is editorial print, not product UI.

Stack

Built with Next.js 14 (App Router), TypeScript, and Tailwind CSS. Deployed on Netlify. Analytics via Plausible (privacy-friendly, cookie-free). No JavaScript is required to read the site — every page is server-rendered, the architecture diagram is inline SVG, and the only client-side interactivity is the mobile-nav toggle and the contact form.

Editorial cadence

The insights archive aims for one new article every one to two weeks. The category shape — briefings, retrospectives, sector dossiers, field notes — is borrowed from the editorial lineage of the FT Long Read and Granta. The four operating principles for every page on this site are: recognition over persuasion, curiosity over urgency, value over capture, and the hero is the reader.

Authorship

Written and edited in Toronto by Josh Olayemi and the Handvantage team. Editorial review by an external reader who pushes back on jargon. Engineering review for any claim that touches the platform's technical posture.

A note on what isn't here

No newsletter form. No social-share buttons. No exit-intent popups. No live chat. No tracking pixels. No “trusted by” logo strip. No testimonial carousel. No cookie banner. No generated stock photography. No bento grids. The absence is part of the editorial signal.