08 — Design system · ATRIO
Fuente de verdad: tokens Paper + tailwind.config.js + este doc.
Tokens
Colores, type, spacing, radius: ver Paper CSS variables y 08 alineado a §07.
Componentes
| Componente | Variantes | Notas |
|---|---|---|
| Nav | desktop / mobile | Logo ATRIO + links + CTA Entradas |
| Footer | — | Contacto + staff discreto |
| Button | primary (rojo), secondary (outline ink) | Hover strong |
| Badge | current (rojo soft), neutral | Estado expo / solicitud |
| Exhibition card | home grid, listado 2 col | Imagen 4:3 cover obligatoria |
| Form field | input, select, textarea + label + error | Labels asociados |
| Empty state | — | Copy + CTA visita |
| Error banner | — | + reintentar |
| Loading | text / skeleton rects | |
| Staff list row | status actions |
Spacing scale
4 / 8 / 12 / 16 / 24 / 32 / 48 / 64
No usar
Pills excesivas, gradientes 2019, emoji como iconos, placeholders grises como foto.
