Tada UI

Un sistema de diseño para construir interfaces consistentes, con 67 componentes y temas claro y oscuro.

El problema

Un sistema de diseño que vive en un PDF no llega al código, y un agente que genera interfaces no tiene forma de saber qué está permitido.

Qué construyó Aztli

• Tema Brand 0.4 en claro y oscuro, con Space Grotesk e IBM Plex Mono, esquinas rectas y foco de 2 px.
• 67 piezas: formularios, diálogos, tablas de datos, calendario, paleta de comandos, gráficas y los bloques de Brand Workspace.
• Reglas de interfaz escritas para agentes y una regla de ESLint que solo admite tokens.
• Gráficas con tres series validadas contra daltonismo y contrastes comprobados por tests en ambos temas.

Resultado verificable

Versión 2.4.1 publicada el 28 de octubre de 2026, con versionado semántico y changelog por versión. La firma de AZTLI entra como un item más del registro.

Sistema de diseño en uso

Brand Workspace

De la identidad a una interfaz que puedes usar. Explora proyectos, cambia entre claro y oscuro y consulta la biblioteca de marca.

Abrir demo

Datos de ejemplo. Tus cambios se guardan en este navegador.

Evidencia de la entrega

pruebas de navegador

30

estados revisados

156

comparaciones visuales

48

Workspace sobre Tada UI 2.4.1. Validación registrada el 29 de octubre de 2026; corresponde a esta entrega, aunque la librería siga avanzando.

Ver alcance y pendientes

Sin desbordamiento horizontal en los 156 estados revisados. Texto legible desde 12 px.

Resuelto: escala del título principal y comparación visual de lista y diálogos.

• Escucha de anuncios de VoiceOver: foco y teclado verificados con el lector activo; locución aún no acreditada.

Consultar evidencia y versión de origen · JSON

Stack

• React 19
• Tailwind v4
• Base UI
• shadcn
• Recharts

Repositorio privado.