Web design
Type, grids, motion and the thousand small decisions that make a page feel inevitable — written by the designers who sweat them.
Pull quotes and margin notes: editorial devices for the web
Pull quotes, asides and margin notes give long reads their rhythm. The semantic markup, the responsive survival tactics, and the restraint that keeps them editorial.
Locale switchers without the flag clipart
Language switchers are small UI with big politics. Where the control lives, name-in-own-language rules, hreflang interplay, script support, and when to skip it.
Editorial grids on the web: rhythm without rigidity
Bringing print's editorial rhythm to responsive layouts: columns that collapse gracefully, spacing that survives the box model, breaking the grid on purpose.
Inclusive design beyond the checklist
Inclusive design past WCAG audits: inclusive language in UI copy, cognitive load budgets, SPA focus management, touch targets, and a critique criterion that sticks.
Scrollytelling without the hostage-taking
Scroll-driven narrative can make complex data click — or trap readers in an unskippable slideshow. The pacing, exit lanes and motion fallbacks that keep it honest.
Running design critiques that sharpen instead of flatten
Our studio's critique framework: roles, timing, the 'specific or silent' rule, and critiquing outcomes instead of taste. Includes a one-page checklist.
Team pages that signal craft
A team page is a craft sample, not an org chart. Portraits as policy, bios that show judgment, people linked to their work, and org design without the ladder.
Motion that earns its keep (and the 160ms rule)
Our motion philosophy: the 160ms rule, an easing vocabulary of three curves, choreography limits, and prefers-reduced-motion as a design input, not a checkbox.
Designing forms people actually finish
Forms are where products lose users and revenue quietly. The field-economics, label copy, error writing and autofill respect we use to keep completion high.
Testimonials beyond the card carousel
Testimonials don't need a grey card carousel. How to present client quotes as editorial evidence — typography, attribution, deep links, and honest context.
Navigation that survives the 375px test
Hamburger alternatives for content-heavy sites: visible-priority nav, hybrid patterns, light mega menus, breadcrumbs as wayfinding, and measuring findability properly.
Micro-interactions: the fine layer that makes interfaces feel expensive
Hover, pressed and focus states are where interface quality hides. Our working rules for micro-interactions: durations, material honesty, and when to cut motion.