Web design
Type, grids, motion and the thousand small decisions that make a page feel inevitable — written by the designers who sweat them.
Light, dark, light: section banding as rhythm
How to use alternating light and dark sections as editorial rhythm: surface budgets, seam design, spacing across bands, and fitting a night section into a paper site.
Skeleton screens that don't flash and lie
Skeleton UI done honestly: match the shape of the answer, gate the flash, respect reduced motion, and know when a spinner or optimistic UI beats a skeleton entirely.
A taxonomy of micro-interactions (and when to say no)
Hover states, cursor follow, scroll reveals and button physics — a working taxonomy with duration curves, quality tests, and reduced-motion fallbacks for every pattern.
Bylines and author pages: small design, big trust
Named authors quietly outperform faceless content on every metric we track. The anatomy of a trustworthy byline and an author page worth visiting.
Comparison pages that convert without lying
Vs pages and plan matrices sit on your highest-intent traffic. Fair-dealing rules, honest asymmetry, and the anatomy of a comparison row people actually read.
Whitespace is a tool, not a leftover
Whitespace is the layout's punctuation: optical spacing, density budgets per audience, emptiness as hierarchy, and how to defend it in stakeholder reviews.
Draw the sitemap before anyone opens Figma
The sitemap is the cheapest UX artefact you'll ever make and the one teams skip most. Map user questions to pages, audit navigation debt, realign stakeholders fast.
About pages that actually convince
Your About page is where buyers go to decide if they trust you. The story structure, proof layers and honesty rules that turn biography wallpaper into conviction.
One system, many sites: multi-property brand design
Running several web properties off one brand system without blurring them: shared tokens, house vs. property layers, cross-site navigation and honest governance.
Related-content modules that readers actually use
Most 'related articles' modules are decoration. Here's how we design, rank and measure recommendation modules that readers genuinely click — and when to delete them.
Editorial grids on the web: rhythm, breakout, and restraint
The sequel to our editorial grid philosophy: the CSS mechanics of full-bleed breakouts, captions and pull quotes as real components, and a governance model for restraint.
Comparison tables: the marketing page's hardest-working table
Feature matrices carry your pricing argument. Honest checkmarks, mobile collapse patterns, the competitor-row dilemma, and the semantics most teams skip.