---
name: identidad-visual-tecnimatica
description: Aplica la identidad visual de Tecnimática a cualquier pantalla, componente o prototipo. Úsala siempre que se cree o modifique una interfaz web, dashboard, pantalla de ChronoSoft o BascuSoft, componente React o Blazor, o cuando pidan el diseño de Tecnimática, nuestra marca o como en Stitch.
---
# Identidad visual desde DESIGN.md
## Cuándo usarla
Al crear o modificar interfaces de Tecnimática.
## Cuándo NO usarla
Para lógica de negocio, consultas o documentación.
## Pasos
1. Leer `references/DESIGN.md`.
2. Listar tokens y componentes.
3. Declarar tokens en el tema, nunca colores sueltos.
4. Construir la interfaz.
5. Verificar cada regla.
## Formato de salida
Código y lista corta de tokens usados y reglas verificadas.
## Reglas
Estados con color, ícono y texto. Cifras monoespaciadas, alineadas a la derecha y con unidad. Una acción primaria. Estados vacío, cargando y error. Contraste AA.
## Ejemplo
Entrada: crea la tarjeta de estado de un bache. Salida: tarjeta con código monoespaciado, desviación -8,0 %, etiqueta RECHAZADO con ícono y texto, y botón Ver detalle.
## Recursos
Lea `references/DESIGN.md` antes de escribir interfaz.