DIS-001DiseñoImportante

Crear la página viva /disenio con catálogo y plantilla de pantalla

Dificultad: Media
Estimación: 2d
Estado: Abierta
Habilidades: reacttailwinddiseño de sistemas

Contexto

Una voluntaria no tiene dónde ver cómo son un botón, un campo, una pegatina o un titular en DuMonde: cada zona se inventó los suyos (prefijos cm-, l-, pj-, dm-, mp-). Una página viva que renderice los componentes reales evita copiar a ojo y deja claro qué existe ya.

Qué hacer

Crea /disenio (fuera de la navegación, robots: noindex) con: color (tokens con su contraste sobre papel y noche), escala tipográfica, botones, campos (rótulo, ayuda, error), pegatina, cita, separador, tarjeta, todos los iconos de Icono.tsx, una Gota y estados vacíos.
Cada muestra con su fragmento de código copiable y la regla de DESIGN.md que la gobierna.
/disenio/plantilla: pantalla de ejemplo comentada (cabecera, bloque de lectura, formulario, estado vacío) para copiar al empezar una página nueva.
Enlázala desde CONTRIBUIR.md.

Criterios de aceptación

/disenio muestra todos los iconos y tokens de color leídos del código, no copiados a mano
Cada muestra tiene fragmento de código y enlace a la regla
/disenio/plantilla pasa contraste, foco y movimiento reducido
La página no aparece en la navegación ni en el sitemap

Archivos

¿Te la quedas?

1. Haz un fork y crea la rama tarea/DIS-001-crear-la-pagina-viva-disenio-con-catalog.
2. En tareas/diseno/DIS-001-crear-la-pagina-viva-disenio-con-catalogo-y-plan.md, cambia la cabecera:
```
estado: reservada
asignada: tu_usuario_de_github
```
3. Abre un PR con ese cambio (commit firmado: git commit -s). Al fusionarse, es tuya durante 14 días.