UI y sistema de diseño

📌 Página de planificación: esta página está reservada para «UI y sistema de diseño: design tokens (capas primitiva/semántica) y nomenclatura, especificaciones de componentes y matriz de estados, iconos, tabla de mapeo del tema oscuro». El contenido se irá completando conforme avance el aprendizaje.

Contenido planificado

• [ ] Capas de tokens: primitiva (paleta) frente a semántica, nomenclatura semántica primero
• [ ] Plantilla de especificación de componentes: estructura, conjunto completo de estados, reglas de hacer/no hacer (ejemplo de botón)
• [ ] Iconos: rejilla unificada, grosor de trazo, escala de tamaños
• [ ] Tema oscuro: tabla de mapeo, re-medición de contraste, evitar el negro puro
• [ ] Entrega: tabla de mapeo del tema → variables CSS (enlaza con los estilos de Frontend)

Siguientes pasos

• [ ] Completar esta página ítem por ítem siguiendo la lista de planificación de la visión general del área
• [ ] Añadir ejemplos ejecutables y registros de errores para cada entrada
• [ ] Cambiar el estado de «En planificación» a «Contenido incluido» al terminar

Para las directrices de escritura, consulte la Guía de escritura.