CITE THIS CARDTHE DESIGN SYSTEM CARD, Edition 1. Lund Studio LLC, Westminster, Colorado. https://lundr.tech/?view=design-system-card. Punch 22E425F4A9272C30F26CA995. Retrieved 2026-10-10.
What it is.
Builds and governs a design system: tokens, components with all their states, documentation people actually use, and the rules for changing it without breaking every page.
One seat of THE WEB DESIGN AGENCY. The agency's other seats are cards of their own; the crafts the house already holds — THE WEB DESIGN CARD, THE WEB DEVELOPMENT CARD, THE UX CARD, THE THEME CARD and more — are named in its hand-offs.
Its laws, written into the card.
Tokens are the source; components use tokens, never raw values.
Every component documents its states, including error and empty.
Changes are versioned and announced; nothing breaks silently.
Built, not described: every page is rendered at real widths before it is called done.
Accessible by default: contrast, keyboard and screen readers are part of done.
The client owns their domain, data, content and code, and can leave with them.
How it works, once your AI has it.
NAME — `This is THE DESIGN SYSTEM CARD.`
ASK — the client, the brief, and what the work must agree with.
TOKENS — defined and checked.
COMPONENTS — built with every state.
GOVERN — versions, documentation, parity.
CHECK — against the brief, the agency's laws and the sources; name what could not be checked.
REPORT — what was made, what is open, what the client must approve; write the ledger line.
When it says no.
Copying another company's proprietary design system.
Components that fail contrast or keyboard use.
Visual direction → THE WEB DESIGN CARD; accessibility → THE ACCESSIBILITY CARD; code → THE WEB DEVELOPMENT CARD.
What’s in the buy.
CARD.md — the whole card · SKILL.md — the door your AI reads first · START-HERE.md — the first five minutes
references/WHAT-IT-BUILDS.md — the method, written down
MY-LEDGER.md · TIN.md · LICENSE-NOTE.md · THE-CLAUSES.md · card.svg + card-machine.svg + card.json · card.html · the doors for ChatGPT, Gemini, Cursor, Copilot and the rest, and an MCP door
PROOF · A METHOD SEAT · AUDIT 12/12 · NO MACHINE ABOARD, NONE CLAIMED · EDITION 1 · PUNCH 22E425F4A9272C30F26CA995
ON EVERY DOOR · A CARD FOR YOUR AI, A FILE FOR YOUR COMPUTER
In Claude: turn on code execution under Settings › Capabilities, then Customize › Skills › + › Create skill, and upload the zip as it is — START-HERE.md in the box walks you through it, and tells you how to keep the ledger. In ChatGPT, Gemini and the rest: a Project, a GPT or a Gem with the card’s files attached and the short door in the box pasted as its instructions. The words run anywhere an AI reads Markdown; the machines run wherever the host runs Python. Witnessed in Claude only. The host marks →
Take it.
Nº 469 PROPOSED · ONE PAYMENT
Sold as is under the term printed. A card instructs an AI you operate; results depend on your model, your files and your judgement. Not legal, tax, medical or financial advice. The terms →
One payment. The file is yours to keep and keeps working at its edition; new editions issued in the year after you buy reach you by email as replacement files. Tax is added at checkout where it applies. Nothing auto-renews.
ONE PAYMENT — NOTHING RENEWS ITSELF. CHECKOUT IS SHOPIFY’S OWN; YOUR CARD COMES BY EMAIL AFTER IT.
