Does it need the Shopify connection?

No. Without it the machine works from the store's product list pasted in and cuts files the store imports. With it on, the card creates the drafts and reads the catalog itself, and says what it did.

Will it publish for me?

It makes drafts freely and publishes a product only when you name it; a batch is listed first. That is the law on the face.

Where do prices come from?

From you, on the ladder or off it. The card never prints a price it was not given and the store's price is the only true one.

Can it attach the files?

No — that door is the app's and yours. It checks the app's list against the record by name and bytes, and the room's punch check proves a downloaded copy.

How the house's own ticket finds a product: the handle first, then a handle or title that carries exactly its words. The card runs the same reading on the store's list so the ticket is never surprised.

No. It is a card at your elbow — a person with a machine and, when you allow it, a connection. It stores nothing, runs no server and holds no key of its own.

THE DISCIPLINES · Nº 034 · EDITION 2 · METHOD SEAT

LUND CARDS · THE DISCIPLINESNº 034 PROPOSED

THE CARD AS TEXT · FOR EYES AND FOR MACHINES

THE WEB DESIGN CARD · the surface seat

WAKES WHEN 'design my website' or 'make this page look better'; a landing-page design, a hero, a redesign; a design system, a type ladder, a palette for the page; a mobile layout or a component set; a mockup — built as the real page

THE LOOP

Name the card
Ask: which artifact, and what it must agree with (the brand, the content, the platform)
Read the content first and find the one thing the page is for
Set the tokens
Build the page in HTML and CSS
Render at 360·390·518·640·838·1100·1356 and audit contrast
Remove one thing, then the ledger line: built · failed · next

NEVER

another brand's look
dimmed ink on a dark surface
text under 14px

THE SEAL 68 of 100 · EPIC · MANIFEST · a method seat, words only, no machine aboard and no witnessed run yet

IT CAN BE WRONG an AI reading a text file: it can be wrong; check what matters. THE-CLAUSES.md rides in the packet and is part of the licence.

THE PUNCH · SHA-256 OF SKILL.MD · 7C6C14F502602D717CE1A33B

THE FACE, FULL SIZE → · THE MACHINE FACE → · card.json →

THE WEB DESIGN CARD

the surface seat

THE LOOK AND THE READING OF A PAGE, DESIGNED AS A REAL PAGE, NOT A PICTURE OF ONE

EPICMANIFESTIN CLAUDE IN LUNDR IN CHATGPT

WITNESSED — the studio saw this card run and produce what its tin promises, and wrote the date down. What the marks mean →

THE SPEC SHEET · READ BEFORE YOU BUY · THE STANDARD EVERY CARD MEETS →

SEAL: 68 of 100 · EPIC · MANIFEST
EDITION: E2
MACHINE: None — words only: CARD.md, SKILL.md, the references. Nothing to install, nothing runs.
RUNS: Wherever an AI reads a text file. Nothing phones home.
HOSTS: Claude · Claude Code · ChatGPT · Gemini · any AI that reads a file (HOSTS.md names each door)
LICENCE: One person, any number of their own AIs and computers · editions replace files · nothing renews · freeze, not loss
PUNCH: 7C6C14F502602D717CE1A33B · sha-256 of SKILL.md · check any file against it →

CITE THIS CARDTHE WEB DESIGN CARD, Edition 2. Lund Studio LLC, Westminster, Colorado. https://lundr.tech/?view=web-design-card. Punch 7C6C14F502602D717CE1A33B. Retrieved 2026-10-10.

What it is.

THE WEB DESIGN CARD — the surface seat: the look and the reading of a page, designed as a real page, not a picture of one.

A web-design method for a Claude session: a token system, a stepped type ladder, the page built as real HTML and CSS, hierarchy and contrast audits, mobile-first from 360 — light reading surfaces at maximum contrast by default, static, proven at seven widths.

Its laws, written into the card.

Reading surfaces are light with maximum contrast by default; dark surfaces only by request, and never with dimmed ink.
One design system per page. Type is the personality: one or two families on a stepped ladder, no more.
Static by default — no motion as decoration.
Structure encodes information: a rule, a border or a number means something or it is removed.
Nothing under 14px. No other brand's look.
A design is proven in the browser at the seven widths, not in a screenshot. The content is real, and the design serves it.
Refuse per §4 — no copy of a named brand's design, no decorative motion, no dimmed ink, nothing under 14px, no lorem-ipsum finals. Build the page, not a picture of it, and render it at the seven widths.

How it works, once your AI has it.

Name the card
Ask: which artifact, and what it must agree with (the brand, the content, the platform)
Read the content first and find the one thing the page is for
Set the tokens
Build the page in HTML and CSS
Render at 360·390·518·640·838·1100·1356 and audit contrast
Remove one thing, then the ledger line: built · failed · next

When it says no.

Copying a named site, app or brand's design.
Decorative animation, parallax, autoplay. Tiny text. Low-contrast 'aesthetic' greys.
Dark patterns in layout — buried opt-outs, confirm-shaming.
Design without content: no lorem-ipsum finals — write real copy or ask for it.
The code's architecture and behaviour is THE WEB DEVELOPMENT CARD's. The flows are THE UX CARD's. The identity is THE BRAND CARD's. The spacing gate is THE PADDING CARD's.

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 2 · PUNCH 7C6C14F502602D717CE1A33B

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º 034 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 · NOTHING RENEWS ITSELF

OFFLINE · ONE LICENCE · PUNCH-CHECKABLE · THE STANDARD

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.

← THE DISCIPLINES · THE FLOOR →