# Checklist — antes de dar por terminada una pieza de UI

Marcar cada casilla antes de considerar una pantalla o componente
terminado.

## 1. Tokens / visual

- [ ] Cero valores hardcodeados de color, radio, spacing o sombra —
      todo sale de una variable
- [ ] Funciona en tema claro y oscuro sin ajustes manuales
- [ ] El acento verde se usa con intención, no como decoración

## 2. Estados

- [ ] Estados relevantes definidos: idle / hover / focus / loading /
      disabled / error — no solo el happy path
- [ ] Los elementos clickeables responden de forma consistente en toda
      la interfaz

## 3. Accesibilidad

- [ ] Contraste AA en ambos temas
- [ ] Respeta `prefers-reduced-motion` si hay animación decorativa

## 4. Regla de oro

- [ ] Mirando la pieza terminada, se puede decir con seguridad de qué
      token salió cada valor visual

---

Ver `brandbook.md` para la paleta y los principios completos.