Tokens semánticos
Los productos consumen intención visual y pueden cambiar de tema sin reescribir componentes.
ArgFit UI
Sistema UI para productos Angular adaptativos, con tokens semánticos, componentes reutilizables y patrones de aplicación empresarial.
Autor · Diseño de sistema, componentes y experiencia de adopción
Contexto
ArgFit UI nace de necesidades repetidas en aplicaciones Angular: jerarquía visual, layouts adaptativos y componentes de producto que no deberían reconstruirse en cada proyecto.
El reto
Crear consistencia y velocidad de entrega sin encerrar a los equipos en una capa visual rígida.
Mi contribución
- Definición de tokens y principios visuales.
- Diseño e implementación de componentes Angular.
- Patrones responsive y de aplicación.
- Sitio, ejemplos y documentación de adopción.
Decisiones clave
Composición primero
Las APIs favorecen piezas combinables sobre componentes excesivamente configurables.
Estados reales
Vacío, carga, error, teclado y responsive forman parte de la definición del componente.
Arquitectura simplificada
Fundación
Tokens
Temas
Accesibilidad
↓
Producto
Componentes
Layouts
Patrones PWA
Cómo se validó
- Revisión de estados y breakpoints en el sitio de componentes.
- Uso dentro de aplicaciones Angular reales.
- Build y contratos TypeScript como parte del flujo de publicación.
Resultado
Una base visual reutilizable que convierte decisiones repetidas en patrones consistentes y documentados.
Capacidades demostradas
Design systemsAngularAccesibilidadUI de producto
// Disponible para colaborarDe la arquitectura al producto.
De la arquitectura al producto.
Del código a la educación.
Abierto a oportunidades, consultoría, colaboraciones open source y proyectos educativos.