Materia cromática
Surface
#E2E6E3Grid
#243849Reach
#D96A45Safe
#3B8066RM-117
Reach Map
La acción importante vive donde sí llegas.
INTENCIÓN DEL SISTEMA
Mapa ergonómico para priorizar controles por frecuencia, impacto y alcance real en mano, movilidad y dispositivo.
IDEAL PARAMobileKioscosOperación en campo
Voz tipográfica
- Display
- Archivo Variable
- Body
- Atkinson Hyperlegible
- Utility
- IBM Plex Mono
Comportamiento
- Forma
- Arcos de alcance, zonas seguras y bordes de dispositivo.
- Movimiento
- El mapa cambia al seleccionar postura o mano, nunca siguiendo al puntero.
- Firma
- Un arco superpone frecuencia, impacto y alternativa de posición.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01Frecuencia guía la posición
02Peligro exige separación
03La mano se configura
Evita esto
×1Acción crítica en esquina
×2Targets menores a 44px
×3Asumir mano derecha
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Reach map
↗Hand preference
↗Target audit
↗Danger distance
↗Thumb route
↗Layout 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 “Reach Map” (RM-117) de Co.De Strategy Systems Atlas. Intención: Mapa ergonómico para priorizar controles por frecuencia, impacto y alcance real en mano, movilidad y dispositivo. Paleta: Surface #E2E6E3, Grid #243849, Reach #D96A45, Safe #3B8066 Tipografía: display Archivo Variable; cuerpo Atkinson Hyperlegible; utilidad IBM Plex Mono. Forma: Arcos de alcance, zonas seguras y bordes de dispositivo. Movimiento: El mapa cambia al seleccionar postura o mano, nunca siguiendo al puntero. Firma visual: Un arco superpone frecuencia, impacto y alternativa de posición. Principios: Frecuencia guía la posición; Peligro exige separación; La mano se configura. Evita: Acción crítica en esquina; Targets menores a 44px; Asumir mano derecha. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.