# Ingelmec · Manual de Marca 2.0

> Manual de marca vivo de Ingelmec (integración electromecánica en Honduras desde 1987). Cada regla se demuestra con componentes reales del sitio v4 (https://ingelmec.pages.dev/). La web es la fuente de verdad; el PDF y las plantillas se derivan de estas páginas. Hereda lo permanente del Manual de Identidad Visual 2018 (Visuell, 71 páginas).

## Reglas esenciales
- Colores de marca (sólidos, sin degradados): azul #0567AD (dominante), verde #05B290, ámbar #FAAF2C, rojo #E32856, gris #6D6E71. Tinta de pantalla #17282f (deriva de #1A353D). Papel #f8f7f3.
- Tipografías: Zemestro solo en el logotipo. Pantalla y documentos: Saira (títulos, mayúsculas), Instrument Sans (texto), IBM Plex Mono (datos).
- Títulos bicolor: tinta con un único segmento en azul.
- Forma: hexágono de lados planos (clip-path 25%/75%), esquinas rectas, filetes de 1 px, sombras teñidas de azul.
- Imagotipo: no se modifica; área de respeto = ancho de la «N» (8.6 % del ancho); mínimo 3 × 0.7 cm impreso y 120 px en pantalla.
- Fotografía: duotono azul horneado (tinta → azul → papel); 40–50 % de las fotos de una página con movimiento; fotos generadas rotuladas «Imagen ilustrativa».
- Movimiento: solo transform/opacity; intro ≤ 2.5 s una vez por sesión; todo se apaga con prefers-reduced-motion.
- Voz: español formal (usted), sin emoji, cifras como prueba: 2,410 TR en 13 casos · 39 años · 24×7×365 · respuesta < 24 h.

## Capítulos
- [00 · Portada](https://www.ingelmec.com/marca/): Cómo usar el manual, índice y principio rector: la web manda.
- [01 · Identidad](https://www.ingelmec.com/marca/identidad.html): Marca, pilares heredados de 2018, voz y tono, cifras como prueba.
- [02 · Color y tipografía](https://www.ingelmec.com/marca/color-y-tipo.html): Paleta con contraste calculado en vivo, Saira, Instrument Sans e IBM Plex Mono.
- [03 · Forma](https://www.ingelmec.com/marca/forma.html): Imagotipo, área de respeto, hexágono, filetes, esquinas rectas y sombras azul-teñidas.
- [04 · Fotografía](https://www.ingelmec.com/marca/fotografia.html): Duotono azul horneado, ken burns y la regla del 40–50 % de fotos vivas.
- [05 · Motion](https://www.ingelmec.com/marca/motion.html): Intro de llegada, portal, loop de hero, vista explosionada y cuboide. Tiempos y curvas.
- [06 · Componentes web](https://www.ingelmec.com/marca/web.html): Heroes editoriales, carrusel showcase, retícula, coverflow de casos y capa agent-first.
- [07 · Aplicaciones](https://www.ingelmec.com/marca/aplicaciones.html): Papelería y documentos: antes y después, márgenes, membrete hexagonal, firma y presentaciones.

## Fuentes
- Sitio de referencia aprobado: https://ingelmec.pages.dev/
- Manual de Identidad Visual Ingelmec, Visuell Artes Visuales, Tegucigalpa, 2018 (71 págs.).
- Contacto: atencioncomercial@ingelmec.com · +504 9489-0116