Materia cromática
Canvas
#E4E8E5Ink
#202B3BFocus
#6651B8Confirm
#21705ASR-108
Sensory Redundancy
Ningún estado habla con una sola voz.
INTENCIÓN DEL SISTEMA
Lenguaje multisensorial que combina texto, forma, patrón y posición para evitar depender de color, sonido o movimiento.
IDEAL PARAAccesibilidadSistemas críticosEducación
Voz tipográfica
- Display
- Atkinson Hyperlegible
- Body
- Atkinson Hyperlegible
- Utility
- IBM Plex Mono
Comportamiento
- Forma
- Patrones inequívocos, símbolos etiquetados y foco grueso.
- Movimiento
- Todo cambio animado tiene anuncio, texto y estado estático equivalente.
- Firma
- Una leyenda sensorial traduce cada estado a texto, símbolo, patrón y posición.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01El color siempre tiene par
02El sonido tiene transcripción
03El foco nunca se oculta
Evita esto
×1Iconos sin texto
×2Patrón bajo párrafos
×3Movimiento obligatorio
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Sensory legend
↗State quartet
↗Focus route
↗Audio transcript
↗Pattern key
↗Accessible receipt
↗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 “Sensory Redundancy” (SR-108) de Co.De Strategy Systems Atlas. Intención: Lenguaje multisensorial que combina texto, forma, patrón y posición para evitar depender de color, sonido o movimiento. Paleta: Canvas #E4E8E5, Ink #202B3B, Focus #6651B8, Confirm #21705A Tipografía: display Atkinson Hyperlegible; cuerpo Atkinson Hyperlegible; utilidad IBM Plex Mono. Forma: Patrones inequívocos, símbolos etiquetados y foco grueso. Movimiento: Todo cambio animado tiene anuncio, texto y estado estático equivalente. Firma visual: Una leyenda sensorial traduce cada estado a texto, símbolo, patrón y posición. Principios: El color siempre tiene par; El sonido tiene transcripción; El foco nunca se oculta. Evita: Iconos sin texto; Patrón bajo párrafos; Movimiento obligatorio. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.