I over-built a design system: five layers, the product needed four.
The five-layer token architecture I use, why the component layer is usually one too many, and the two rules that decide where a design system should stop.
Accessibility, design systems and product decisions, with demos you can try.
The five-layer token architecture I use, why the component layer is usually one too many, and the two rules that decide where a design system should stop.
Where hardcoded hex and pixel values hide in a codebase with a token file, the grep commands that find them, and how to make the audit a permanent gate.
Tab order, focus indicators, focus inside modals, and the skip link, explained with the real WCAG criteria, plus a two-minute test any designer can run.
The real taxonomy of color vision deficiency, why red/green pairs collapse first, the second-channel rule, and how to audit for color-only failures.
ARIA roles, states, and properties explained for product designers: the first rule of ARIA, the patterns you'll touch, and how to document it for devs.
WCAG's three conformance levels, how contrast ratio is calculated, and where AAA is the true minimum, including the disabled button state most get wrong.
94.8% of homepages fail accessibility checks every year. Six error categories cause 96% of failures, all decided before a line of code is written.