COMPONENTS — THE SHOWROOM
Every component, on one page
All eleven components, live. Click them, focus them, fire the toast, open the modal. Switch colorways in the bar below — everything repaints. Each block links to its full anatomy page: every state, exact tokens, copy-ready code, accessibility notes.
BUTTONSFULL ANATOMY →
TAGSFULL ANATOMY →
DESIGN SYSTEM
SHIPPED
NEW
ASTRO
INPUT + TEXTAREAFULL ANATOMY →
VISIBLE TO CLIENTS.
THAT IS NOT AN EMAIL ADDRESS.
SELECT + TOGGLEFULL ANATOMY →
TABLEFULL ANATOMY →
| COMPONENT | SKU | TOKENS | STATUS |
|---|---|---|---|
| Button | CMP-03 | 11 | FABRICATED |
| Modal | CMP-24 | 10 | FABRICATED |
| Toast | CMP-25 | 8 | FABRICATED |
CARDFULL ANATOMY →
CS-01 / CASE STUDY
A card that is a link
Hover it — the border answers. It leads to the case-study template.
MODAL + TOAST — LIVEMODAL ANATOMY →