Materia cromática
Thermal black
#170E11Bone
#F1E7DBHeat
#FF543CCool
#6E7BFFIF-50
Infrared Field
Ver el calor de una señal.
INTENCIÓN DEL SISTEMA
Cartografía térmica para detectar intensidad, proximidad y riesgo con una atmósfera oscura que conserva unidades, umbrales y explicación.
IDEAL PARASaludEnergíaObservabilidad
Voz tipográfica
- Display
- Archivo
- Body
- Atkinson Hyperlegible
- Utility
- IBM Plex Mono
Comportamiento
- Forma
- Isotermas, umbrales y focos de intensidad.
- Movimiento
- El campo térmico converge al dato seleccionado; sin datos, muestra una escala vacía y estable.
- Firma
- El foco térmico siempre incluye valor, umbral y causa probable en el mismo plano.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01La temperatura tiene unidad
02El calor indica magnitud
03El riesgo explica su umbral
Evita esto
×1Heatmap arcoíris
×2Glow sobre texto
×3Color sin escala
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Thermal hero
↗Isotherm map
↗Threshold card
↗Heat legend
↗Focus probe
↗Cooldown state
↗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 “Infrared Field” (IF-50) de Co.De Strategy Systems Atlas. Intención: Cartografía térmica para detectar intensidad, proximidad y riesgo con una atmósfera oscura que conserva unidades, umbrales y explicación. Paleta: Thermal black #170E11, Bone #F1E7DB, Heat #FF543C, Cool #6E7BFF Tipografía: display Archivo; cuerpo Atkinson Hyperlegible; utilidad IBM Plex Mono. Forma: Isotermas, umbrales y focos de intensidad. Movimiento: El campo térmico converge al dato seleccionado; sin datos, muestra una escala vacía y estable. Firma visual: El foco térmico siempre incluye valor, umbral y causa probable en el mismo plano. Principios: La temperatura tiene unidad; El calor indica magnitud; El riesgo explica su umbral. Evita: Heatmap arcoíris; Glow sobre texto; Color sin escala. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.