# Convert Experiences — Design System
> The shared visual language for every Convert landing page and marketing surface.
> Vanilla HTML/CSS, no build step, no framework. Inspired by shadcn/ui conventions
> (tokens → semantic layers → component variants).
**Source of truth:** [`tokens.css`](./tokens.css) (synced copy of `/_shared/tokens.css`).
Every color, radius, shadow, and type value below maps to a CSS custom property in that file.
If a value isn't a token, it's tech debt — add it to `tokens.css` rather than hardcoding.
_Last reconciled against `tokens.css` + `_shared/components/*.css`: 2026-06._
---
## How to consume this system
Link the stylesheets in your ``, in this order:
```html
```
`tokens.css` MUST load before any inline `