reference-led-design
The owner's design method and philosophy for any screen, page or theme. Use whenever work changes how something looks or is arranged (a new screen, a redesign, a landing page, a feed, a theme), when the owner rejects visual work or says it has "no life", or when an accepted design must be extended. Holds three sets of our own generated designs with his verdicts (accepted, near misses that look right but are wrong, rejected), the fixed philosophy, the loop (his verbatim words, clearly different directions, render and judge beside the examples), and a separate theme exploration mode. For builders and for read-only council lanes. Not for API, data or copy work that does not change the screen.
Pinned to revision 479919f1553b, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/reference-led-design/SKILL.md
- skills/reference-led-design/examples/accepted/accepted-deck-dark.png
- skills/reference-led-design/examples/accepted/accepted-deck-light.png
- skills/reference-led-design/examples/accepted/accepted-newsroom-dark.png
- skills/reference-led-design/examples/accepted/accepted-newsroom-light.png
- skills/reference-led-design/examples/accepted/accepted-window-dark.png
- skills/reference-led-design/examples/accepted/accepted-window-light.png
- skills/reference-led-design/examples/near-misses/feed-same-shell-front-page-dark.png
- skills/reference-led-design/examples/near-misses/feed-same-shell-photo-lead-dark.png
- skills/reference-led-design/examples/near-misses/feed-same-shell-reader-dark.png
- skills/reference-led-design/examples/near-misses/landing-busy-hero-dark.png
- skills/reference-led-design/examples/near-misses/landing-busy-judge-dark.png
- skills/reference-led-design/examples/near-misses/landing-empty-plans-dark.png
- skills/reference-led-design/examples/near-misses/landing-empty-sections-dark.png
- skills/reference-led-design/examples/near-misses/landing-flat-hero-dark.png
- skills/reference-led-design/examples/near-misses/landing-flat-sources-light.png
- skills/reference-led-design/examples/near-misses/landing-flat-stories-dark.png
- skills/reference-led-design/examples/rejected/feed-convergence-lines-dark.png
- skills/reference-led-design/examples/rejected/landing-blue-boxes-dark.png
- skills/reference-led-design/examples/rejected/rejected-paragraphs-in-boxes.png
- skills/reference-led-design/examples/rejected/themes/feed-theme-graphite-dark.png
- skills/reference-led-design/examples/rejected/themes/feed-theme-graphite-light.png
- skills/reference-led-design/examples/rejected/themes/feed-theme-ink-dark.png
- skills/reference-led-design/examples/rejected/themes/feed-theme-navy-dark.png
- skills/reference-led-design/examples/rejected/themes/feed-theme-slate-dark.png
- skills/reference-led-design/examples/rejected/themes/four-base-palettes.png
- skills/reference-led-design/references/acceptance-criteria.md
- skills/reference-led-design/references/prompts.md
- skills/reference-led-design/references/worked-example.md
- skills/reference-led-design/scripts/extract-owner-messages.py
Every link opens the file at its source, pinned to the revision this page describes.