Sistemas de diseño Higinio

Dos sistemas de marca completos —Celeste Clásica y Nocturna Eléctrica— con tokens, componentes, documentación, paquetes y un servidor MCP.

Visitar sitio ↗

Portada de los sistemas de diseño de Higinio Sosa — La portada presenta las dos direcciones de marca y la integración del servidor MCP.

El reto

Mantener coherencia entre productos web, dashboards y herramientas generadas con IA exige algo más que una paleta: se necesitan reglas verificables, componentes documentados y activos que puedan consumir distintos stacks.

Mi contribución

Definí ambos sistemas de marca, sus tokens semánticos, 35 componentes por sistema, temas opuestos, guías interactivas, paquetes CSS y un servidor MCP para consultar reglas, generar snippets y validar implementaciones.

Decisiones clave

Usar únicamente tokens semánticos para desacoplar los componentes de valores hexadecimales y facilitar el cambio de tema.
Publicar formatos CSS, Tailwind y JSON compatible con pipelines de design tokens.
Compartir la misma arquitectura entre una marca light-first y otra dark-first sin diluir su personalidad.
Llevar reglas de diseño, motion, accesibilidad y calidad a herramientas MCP y validadores de línea de comandos.

El producto en uso

Capturas obtenidas al ejecutar el proyecto o recorrer su versión publicada.

Guía de estilo Celeste Clásica con navegación, principios y componentes — Celeste Clásica documenta fundamentos, tokens y componentes para productos claros y profesionales.

Guía de estilo Nocturna Eléctrica con principios y tokens de alto contraste — Nocturna Eléctrica aplica la misma arquitectura semántica a una dirección dark-first y técnica.

Resultados

Los dos sistemas disponen de documentación navegable y activos listos para integrarse en producto.
El paquete CSS y el servidor MCP permiten consumir la misma fuente de verdad desde aplicaciones e IDE.
Las validaciones convierten criterios de marca y accesibilidad en controles repetibles, no solo recomendaciones.

Stack técnico

Design tokensCSSTypeScriptMCPZodDockerWCAG 2.2