/
tokens/v1
One source of truth for every elluminate surface
One list of design decisions, many automatic destinations, one controlled way to change it.
loading… · live from tokens/v1
Token reference
Every color, size, shadow, and layer — with the names to copy. Click a token, paste var(--…), done.
Browse tokens →
The 30-second version
Inside elluminate the tokens are already loaded — just write var(--…). Anywhere else, add one line: 
<link rel="stylesheet" href="https://design.sandbox.eclinicalsol.com/tokens/v1/tokens.css">

<button style="background: var(--button-primary-bg);
               color: var(--text-inverse);
               height: var(--button-height-md);
               border-radius: var(--radius);">Save</button>
Semantic first. --error-surface, --text-muted — if a token names your intent, use it.
Palette second. --blue-500, --gray-300 — when no semantic intent matches.
Raw values never. No hex codes, no invented z-indexes. Missing something? Propose a token.
Source: develop/design-tokens/