Ashish Narayan

The systems lens on a retail-academy website rebuild

Shipped, not claimed

A report gets read once.

  1. Shipped, not claimed
    01Shipped, not claimed — The design system's own brief: every property the site asserts must be machine-checkable.Full size ↗
  2. Two layers, and the rule between them
    02Two layers, and the rule between them — Raw ramps that never change, semantic tokens that resolve per theme. Nothing crosses the line.Full size ↗
  3. Three theme states, declared in one order
    03Three theme states, declared in one order — The classic unreadable-page bug, and the rule that makes it impossible here.Full size ↗
  4. The contrast matrix is a test, not a document
    04The contrast matrix is a test, not a document — 57 pairs, 0 failing, regenerated from source and enforced in CI.Full size ↗
  5. The accent that is not allowed to be text
    05The accent that is not allowed to be text — A brand colour with a measured rule attached, written where it cannot be missed.Full size ↗
  6. A display face with constraints in the code
    06A display face with constraints in the code — Gloock has one weight and no italic, so both are enforced rather than trusted.Full size ↗
  7. Four scripts that fail rather than report
    07Four scripts that fail rather than report — The difference between an audit and a gate is the exit code.Full size ↗
  8. A feature that defaults to off, and says what it cannot do
    08A feature that defaults to off, and says what it cannot do — Copy protection for a client review, built with two gates and eleven tests.Full size ↗
  9. What this artifact does not establish
    09What this artifact does not establish — The stated-limits section. Every artifact in this set ends with one.Full size ↗

Design system and engineering, executed. Token values, rules and the comments that govern them are read from the project's own stylesheets. The audits described were written and run by their author: reproducible, and not independent.

Back to the written studyAll case studies

B-SIDEOff the record