Materia cromática
Storm
#071B2CMist
#DDF4F0Rain
#1BD6C5Warning
#FFB547MR-21
Monsoon Radar
Leer la tormenta antes de entrar en ella.
INTENCIÓN DEL SISTEMA
Un sistema meteorológico-operativo de barridos radiales, mapas tácticos y alertas con temperatura humana.
IDEAL PARAClimaOperacionesSistemas de alerta
Voz tipográfica
- Display
- Space Grotesk
- Body
- Inter
- Utility
- IBM Plex Mono
Comportamiento
- Forma
- Anillos de radar, chips cartográficos y rails de alerta.
- Movimiento
- Barridos radiales y lluvia de puntos con pausa cuando no hay señal.
- Firma
- El foco radar convierte el estado activo en una geografía legible.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01El alerta tiene coordenadas
02La atmósfera nunca tapa el dato
03La calma prepara la siguiente decisión
Evita esto
×1Mapas decorativos
×2Alerta roja permanente
×3Partículas sin fuente
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Radar hero
↗Weather card
↗Alert rail
↗Map chips
↗Timeline
↗Status matrix
↗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 “Monsoon Radar” (MR-21) de Co.De Strategy Systems Atlas. Intención: Un sistema meteorológico-operativo de barridos radiales, mapas tácticos y alertas con temperatura humana. Paleta: Storm #071B2C, Mist #DDF4F0, Rain #1BD6C5, Warning #FFB547 Tipografía: display Space Grotesk; cuerpo Inter; utilidad IBM Plex Mono. Forma: Anillos de radar, chips cartográficos y rails de alerta. Movimiento: Barridos radiales y lluvia de puntos con pausa cuando no hay señal. Firma visual: El foco radar convierte el estado activo en una geografía legible. Principios: El alerta tiene coordenadas; La atmósfera nunca tapa el dato; La calma prepara la siguiente decisión. Evita: Mapas decorativos; Alerta roja permanente; Partículas sin fuente. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.