Materia cromática
Public paper
#F5F2E8Authority
#161616Action
#0057FFNotice
#FFCD38CP-35
Civic Pulse
Lo público debe poder leerse.
INTENCIÓN DEL SISTEMA
Infraestructura cívica de alto contraste para trámites, datos y servicios donde prioridad y responsabilidad nunca quedan implícitas.
IDEAL PARAGobierno digitalServicios públicosOrganizaciones civiles
Voz tipográfica
- Display
- Archivo
- Body
- Atkinson Hyperlegible
- Utility
- IBM Plex Mono
Comportamiento
- Forma
- Franjas de aviso, sellos rectangulares y tablas de responsabilidad.
- Movimiento
- Cambios directos de estado; el pulso sólo aparece ante una actualización confirmada.
- Firma
- Una franja pública nombra responsable, vigencia y siguiente acción en el mismo lugar.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01La autoridad se identifica
02El trámite explica su estado
03La prioridad no depende del color
Evita esto
×1Lenguaje burocrático
×2Tarjetas blandas
×3Iconos sin etiqueta
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Public notice
↗Service status
↗Responsibility table
↗Deadline rail
↗Case tracker
↗Civic CTA
↗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 Pulse” (CP-35) de Co.De Strategy Systems Atlas. Intención: Infraestructura cívica de alto contraste para trámites, datos y servicios donde prioridad y responsabilidad nunca quedan implícitas. Paleta: Public paper #F5F2E8, Authority #161616, Action #0057FF, Notice #FFCD38 Tipografía: display Archivo; cuerpo Atkinson Hyperlegible; utilidad IBM Plex Mono. Forma: Franjas de aviso, sellos rectangulares y tablas de responsabilidad. Movimiento: Cambios directos de estado; el pulso sólo aparece ante una actualización confirmada. Firma visual: Una franja pública nombra responsable, vigencia y siguiente acción en el mismo lugar. Principios: La autoridad se identifica; El trámite explica su estado; La prioridad no depende del color. Evita: Lenguaje burocrático; Tarjetas blandas; Iconos sin etiqueta. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.