Source and references

§09 · Where the design language comes from, and how to change it.

Source files

The language was brainstormed and finalized in a Claude Design project. Its pages are committed under docs/design/source/ so the original stays next to the docs that present it.

File	What it is
`Design Language.dc.html`	DL-01, the official design language and design system. Canonical. This section is its organized, rendered form
`Technoromantic Pairings.dc.html`	The brainstorm: numbered studies (1a, 2e, 3b … 14b) that DL-01 cites as references
`support.js`	Runtime the `.dc.html` pages need to render
`objects/`	The 97 SVG drawings; browse them in Illustration
`uploads/`	Images pasted into the project

C Wallpaper.dc.html exists in the Claude Design project but not in the local export, so it is not here yet. The PDF exports (about 84 MB) are not committed; re-export them from Claude Design when needed.

To view the original, open docs/design/source/Design Language.dc.html in a browser from a local clone. It loads support.js beside it and fonts from jsDelivr and Google Fonts.

References


Visual reference	makingsoftware.com by Dan Hollick: tone, editorial-technical layout, pairing of the serif with Departure Mono. Used as inspiration only; no assets were copied. Hex values in 1a are reconstructions, not sampled
Departure Mono	Helena Zhang · github.com/rektdeckard/departure-mono. The source page says SIL OFL; the upstream repository's `LICENSE` is currently MIT (Helena Zhang & Tobias Fried). Coipe ships that file next to the font
New York	Apple system serif (reached via `ui-serif` on Apple platforms)
Newsreader	Production Type · Google Fonts · non-Apple fallback

Internal, in Technoromantic Pairings


Core + type	1a
Ramp / objects	2e · 3b · 7b
Kid palette	2c → 4b → 6a
Materials	8a · 8e · 8f · 9f
Registers	10a (B) · 10b (C)
Games	11a · 12a · 13a · 13b · 14a · 14b
Tutorials	11b · 12b

Changing the language

Change it in the Claude Design project first.
Re-export and replace the files in docs/design/source/.
Update the pages in this section to match.
Update packages/design-tokens in fuisl/coipe, then copy tokens.css and fonts.css into design-tokens/ here and in fuisl/ceo-of-little-people.