The machine layer
Every token, font, and rule is a real file at a stable address, indexed for agents. No screenshots of colors. Give an AI this domain and it fetches the actual values, then builds on-brand by default.
An agent reads llms.txt first, then pulls the data it needs. Everything is a fetchable file, not a description of one. Open or copy any of them.
The index an agent reads first. Quick facts, every link, the rules, and a prompt starter, in plain text.
Every color, ramp, font, radius, spacing, shadow, and motion value as structured data.
Paste-ready CSS custom properties. The single source of truth the whole system derives from.
How to apply the system, with the core table, the rules, and the prompt starter, in Markdown.
Ask for the navy and it returns the hex, the token name, and the full ramp, not a picture of a color. A few of the values that come back live:
Per-brand accents are parked. No color is assigned to any single brand yet, so an agent will not fabricate one.
One paragraph that points an AI at the machine layer and states the non-negotiables. Copy it and lead with it.
These are the rules baked into the files. Break one and the output is not on-brand, no matter how good it looks.
Warm palette only. No cool blue enters the system.
Warm-white is #fffaf0, never #ffffff.
Low radius only, 2 to 8px. No pills or fully-rounded shapes.
No white or warm-white cards on cream sections. Use navy-body or boxless cards.
No same-color-on-same-color fills. Every box must contrast its section.
Alternate light and dark sections. Never two dark sections adjacent.
lightbreak is always lowercase, and is one product, not the umbrella.
Do not use em dashes.