Sistema de diseño · versión 1
Cuarzo: claro, sobrio y de propósito público.
Un sistema de tokens y componentes para productos inmobiliarios y de gestión. Cada color cumple AA en los dos temas y cada control se recorre con teclado.
16 componentesWCAG 2 AAClaro y oscuro
Color
Veintiséis tokens con su pareja clara y oscura, contraste AA medido.
Tipografía
Public Sans e IBM Plex Mono en trece estilos.
Espacio y forma
Escala de 4px, radios, sombras, capas y foco.
Componentes
Dieciséis piezas en seis familias, listas para producto.
Reporte
Qué se hizo en el template: reglas para agentes, DDD, Playwright y logs.
Pendiente de subir
Estos archivos están referenciados en el sistema pero no llegaron con la carga.
- Logotipos: cuarzo-marca, cuarzo-marca-inversa, cuarzo-logotipo, cuarzo-logotipo-inverso (.svg)
- Trece iconos de trazo (agregar, ajustes, avanzar… persona) (.svg)
- Fuentes Public Sans e IBM Plex Mono (.woff2)