CAPÍTULO 02 · COLOR Y TIPOGRAFÍA

Azul que domina,acentos quesignifican

Los colores de 2018 siguen siendo los colores de Ingelmec: mismos hex, mismas tintas sólidas. Lo nuevo es cómo conviven en pantalla, con qué contraste y con qué tipografías. Cada muestra de esta página es CSS vivo, no una imagen.

Paleta corporativa

Seis colores del manual de 2018 con sus valores de impresión originales. La razón de contraste contra papel se calcula en vivo en su navegador (WCAG 2.1). El botón copia el hex.

#0567AD—

Azul Ingelmec #0567AD

RGB
5 · 103 · 173
CMYK
C92 M61 Y3 K0

Color dominante. Botones, acento de títulos, enlaces, filetes y numeradores hexagonales.

2018: Seguridad · confianza · solidez — Gerencia General

#17282F—

Tinta #17282F

RGB
23 · 40 · 47
CMYK
Deriva de #1A353D (C87 M64 Y56 K53)

Texto principal y fondos oscuros. Sustituye al negro. Variante profunda #132229.

2018: Tono corporativo de 2018 afinado para pantalla

#05B290—

Verde #05B290

RGB
5 · 178 · 144
CMYK
C77 M2 Y57 K0

Datos positivos, TR, estados operativos, sistemas VRF. Texto encima siempre en tinta.

2018: Recursos naturales · medio ambiente · frescura — Depto. Técnico

#FAAF2C—

Ámbar #FAAF2C

RGB
250 · 175 · 44
CMYK
C0.4 M35 Y93 K0

Nodo del vértice, energía, unidades paquete y climatización evaporativa. Uso puntual.

2018: Energía — Depto. Administrativo y de Operaciones

#E32856—

Rojo #E32856

RGB
227 · 40 · 86
CMYK
C5 M97 Y57 K0

Sistemas contra incendios, urgencias y errores. Nunca decorativo.

2018: Acción · pasión · tecnología — Depto. Comercial

#6D6E71—

Gris de marca #6D6E71

RGB
109 · 110 · 113
CMYK
K70

Versión gris del imagotipo y textos secundarios en impresión. En pantalla se usa #54646b.

2018: Directivos

R 2.1.1 · HEREDA B 3.0

Tintas sólidas, sin degradados

Regla heredada sin cambios: «los colores deberán ser utilizados en las tonalidades sólidas establecidas, sin degradados».

Dos excepciones de 2.0, ambas de tratamiento de imagen y no de color de marca: el mapa duotono de las fotos y el velo de papel que funde el video del hero.

Azul sólido
Degradado entre colores de marca

Neutros de papel y proporción

La web v4 introdujo una familia de neutros cálidos. El papel sustituye al blanco puro como fondo y da a la marca su calidez; el blanco queda para superficies elevadas.

Papel#F8F7F3
fondo general
Superficie#FFFFFF
tarjetas
Cálido#EFEDE6
bandas
Filete#E0DED6
bordes 1 px
Cuerpo#54646B
texto
Alterno#3D4A50
título bicolor
R 2.2.1 · NUEVO EN 2.0

Proporción de uso

El azul domina sobre los acentos. Verde, ámbar y rojo juntos no superan el 5 % de la superficie de una vista; si una pieza se ve «de colores», está mal.

Proporción de referencia medida sobre el inicio del sitio v4:

Lectura aproximada por superficie; sirve como guía de equilibrio, no como fórmula.

Contraste calculado, no supuesto

Cada combinación muestra su razón de contraste real. AA exige 4.5:1 en texto normal y 3:1 en texto grande (24 px o 19 px en negrita).

R 2.3.1 · NUEVO EN 2.0

Texto sobre color

  • Sobre azul y rojo: texto blanco.
  • Sobre verde y ámbar: texto en tinta (#0d2027 o #17282f), nunca blanco.
  • El gris tenue #8a958f no alcanza AA sobre papel (2.9:1): solo para rótulos que repiten información visible en otro lugar. Datos y metadatos legibles van en #54646b.
AaTinta / papel
—
AaAzul / papel
—
AaBlanco / azul
—
AaCuerpo / papel
—
AaTinta / verde
—
AaBlanco / verde
—
AaTinta / ámbar
—
AaTenue / papel
—

Color con significado

En el sitio cada acento codifica una familia técnica. El mismo código se respeta en propuestas, tablas y presentaciones.

SISTEMA VRF

Verde: VRF y sistemas 1 a 1 en casos; micro data center y monitoreo en soluciones.

SISTEMA CHILLER

Azul: chillers, respaldo energético, centro de datos y BMS.

UNIDADES PAQUETE

Ámbar: unidades paquete y climatización evaporativa.

CONTRA INCENDIOS

Rojo: sistemas contra incendios y avisos urgentes del NOC.

Tres tipografías, tres trabajos

Zemestro sigue siendo la letra del logotipo y no se toca. Para todo lo demás, en pantalla y en documentos editables, el sistema usa tres familias abiertas de Google Fonts. Los especímenes se pueden editar: haga clic en el texto grande.

Aa Ññ
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789 · 2,410 TR · 24×7×365
DISPLAY · TITULARES

Saira

Regular 400Semibold 600Extrabold 800 — títulosBlack 900 — cifras

Sustituye a Zemestro en pantalla: palo seco con terminaciones cuadradas, afín a la geometría del logotipo. Siempre en mayúsculas en títulos.

Aa Ññ
Diseñamos, instalamos y mantenemos las soluciones que garantizan la continuidad operativa de sectores críticos en Honduras.
TEXTO · LECTURA

Instrument Sans

Regular 400 — cuerpoMedium 500Semibold 600 — botonesBold 700

Ocupa el lugar de Akkurat: «legibilidad, claridad y orden a cuerpos de texto extensos».

1,000 TR
INTEGRACIÓN ELECTROMECÁNICA · DESDE 1987
HN / 01 · SOPORTE 24×7×365 · RESPUESTA <24 H
DATOS · METADATOS

IBM Plex Mono

Regular 400Medium 500

Nueva en 2.0. Eyebrows, rótulos, coordenadas, códigos de regla y cifras técnicas. Mayúsculas con tracking amplio (.14–.22 em).

Jerarquía con valores reales

Tamaños tomados de site.css del sitio v4 en escritorio (1280 px). En móvil (390 px) los títulos bajan a 38/28 px y el cuerpo se mantiene.

H1 HEROSaira 800 · 56/1.06 · −.015em · MAYÚS.
Continuidad operativa
H1 INTERIORSaira 800 · 46/1.05
Casos de éxito
H2 SECCIÓNSaira 800 · 34/1.1 · −.01em
Ocho soluciones
H3 TARJETASaira 800 · 24/1.15
Respaldo energético
CIFRASaira 900 · 64/1
2,410 TR
LEADInstrument Sans 400 · 16/1.65 · 64ch
Gabinetes autocontenidos con energía, clima, seguridad y monitoreo integrados: la sala de datos completa en un solo rack.
CUERPOInstrument Sans 400 · 14.5/1.65
Enfriamiento evaporativo para naves y plantas industriales con una fracción del consumo eléctrico del aire acondicionado convencional.
EYEBROWPlex Mono 400 · 12 · .22em · azul
Integración electromecánica · desde 1987
DATOPlex Mono 400 · 11 · .14em
TORRE RESIDENCIAL · SISTEMA VRF · 1,000 TR

El sistema bicolor de títulos

Los títulos del sitio se componen en tinta con un solo segmento de color. Ese segmento lleva la promesa o el verbo. Pruebe las variantes.

R 2.7.1 · NUEVO EN 2.0

Un acento por título

  • Base en tinta #17282f, Saira 800, mayúsculas, máximo tres líneas.
  • Un único segmento en color: azul por defecto, gris alterno #3d4a50 en títulos de apoyo, verde solo cuando el segmento es una cifra o un resultado.
  • Nunca dos acentos ni colores de familia técnica en un titular.

Acento azul: la variante por defecto del sitio.

TITULAR DEL HERO · EN VIVOR 2.7.1

Solucionesque transformansu operación