· 7 min read
Design tokens explained for developers
What design tokens are, how the W3C DTCG JSON format works, how to name and layer them, and how to turn one token file into CSS variables and TypeScript.
Read the postfrontend
4 posts. All posts
· 8 min read
Designing every state: loading, empty, error (and the ones teams forget)
A practical guide to designing loading, empty, error, denied and session-expired states in React, with accessible patterns, code examples and a checklist.
Read the post· 8 min read
Fixing inconsistent buttons and colours across a React codebase
How to find duplicate buttons and hard-coded colours in a React app, build one canonical Button on design tokens, migrate safely and use lint rules to keep it consistent.
Read the post· 7 min read
How to make your web app look more professional without a redesign
Practical CSS and component fixes that make a web app look polished: spacing and type scales, a tighter palette, consistent components, focus styles and real states.
Read the post