Design system
One stylesheet. One address.
Everything below is published from JenCW/brandedflow-design. A surface links the stylesheet at runtime and holds no value of its own — a cut made here is live on that surface's next page load, with no rebuild.
How a surface connects
<link rel="stylesheet" href="https://design.brandedandflow.com/brand-truth.css">
What this address serves
| File | What it is |
|---|---|
| brand-truth.css | The whole system in one file — colour, type, spacing, motion, brand marks, base, every ruling. The only link a surface needs. |
| design-contract.json | Every token name a surface may use, and its kind. Read it at build time to check a surface is congruent. |
| tailwind.theme.cjs | A Tailwind theme of the system's own names, where every value is a var(), so an app keeps no literal in its config. Apps fetch it at build time. |
| VERSION | The stamp — which cut this is, and which rulings are in it. |
Marks
This cut
Loading the stamp…