← BACK TO WORKCASE / 01 OF 06
Web
Sistema Spectral UI
CLIENT
HyperHue
ROLE
Design & Dev
YEAR
2025
STACK
Next.js · RSC · Tailwind
CATEGORY
Web
HERO · 16:916:9
01 · CONTEXT
Un sistema de diseño que tiene que escalar a tres categorías de producto sin perder consistencia ni rendimiento.
El reto era construir tokens semánticos que funcionaran en Web, 3D y Game sin crear excepciones por categoría.
02 · APPROACH
Arquitectura de tokens en tres capas: primitivos → semánticos → componente.
Cada categoría tiene su firma cromática declarada como variable CSS, no clase utilitaria.
DETAIL · 01
DETAIL · 02
DETAIL · 03
03 · OUTCOME
3×
velocidad de iteración.
0 px
de deuda visual en producción.
12 mo.
en uso activo.