Materia cromática
Civic paper
#F5F1E8Public ink
#14253AAction
#175FD1Notice
#C84C32CS-65
Civic Signal
Lo público debe poder entenderse.
INTENCIÓN DEL SISTEMA
Lenguaje de servicio cívico que prioriza lectura, estado, tiempo y siguiente acción para trámites, infraestructura y comunicación de alto impacto.
IDEAL PARAGobierno digitalServicios públicosRespuesta comunitaria
Voz tipográfica
- Display
- Archivo
- Body
- Atkinson Hyperlegible
- Utility
- IBM Plex Mono
Comportamiento
- Forma
- Bandas de estado, formularios lineales y sellos de servicio.
- Movimiento
- Sólo cambia el estado de la tarea; todas las transiciones tienen texto equivalente y foco persistente.
- Firma
- La franja cívica reúne estado, plazo, responsable y próxima acción antes del contenido secundario.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01La siguiente acción aparece primero
02El plazo incluye zona y fecha
03Cada estado se expresa con texto
Evita esto
×1Lenguaje institucional vacío
×2Iconos sin etiqueta
×3Dashboard antes que tarea
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Public status
↗Approval gate
↗Deadline band
↗Service receipt
↗Accessible form
↗Fallback panel
↗06 / HANDOFF
Listo para tu agente.
El prompt preserva la intención del tema sin obligar a copiar esta página. Así se adapta al producto que ya existe.
Implementa el sistema visual “Civic Signal” (CS-65) de Co.De Strategy Systems Atlas. Intención: Lenguaje de servicio cívico que prioriza lectura, estado, tiempo y siguiente acción para trámites, infraestructura y comunicación de alto impacto. Paleta: Civic paper #F5F1E8, Public ink #14253A, Action #175FD1, Notice #C84C32 Tipografía: display Archivo; cuerpo Atkinson Hyperlegible; utilidad IBM Plex Mono. Forma: Bandas de estado, formularios lineales y sellos de servicio. Movimiento: Sólo cambia el estado de la tarea; todas las transiciones tienen texto equivalente y foco persistente. Firma visual: La franja cívica reúne estado, plazo, responsable y próxima acción antes del contenido secundario. Principios: La siguiente acción aparece primero; El plazo incluye zona y fecha; Cada estado se expresa con texto. Evita: Lenguaje institucional vacío; Iconos sin etiqueta; Dashboard antes que tarea. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.