Writing
Notes on design systems, design tokens and the overlap between designing an interface and writing the front-end that ships it.
Accessible React Components: Focus, Contrast and Keyboard Order
9 min readThe four accessibility problems that reach production most often in React codebases — focus management, keyboard order, contrast and error announcement — and how to solve each one at the component level.
The Designer Who Codes: What the Hybrid Role Is Actually Good For
8 min readThe objection is that a designer who codes is mediocre at both. After nine years doing both, here's the honest case — what the hybrid genuinely does faster, and where it's the wrong hire.
Product Engineer vs Front-End Engineer: What Actually Changes
8 min readThe two titles overlap almost completely on the technical side. The difference is where the work starts — at a ticket, or at the problem behind it — and it changes what you're accountable for.
Design Tokens in React and Angular: A Practical Guide
9 min readHow to structure, name and generate design tokens so a React app and an Angular app stay visually identical — including theming, migration from hard-coded values, and the CI check that stops drift.
What Is a Design System? (And When You Actually Need One)
9 min readA design system is a shared set of tokens, components and documented rules that keeps a product consistent as more than one person builds it. What goes in one, who owns it, when it earns its cost — and when it doesn't.