CAPÍTULO 06 · COMPONENTES WEB

Las piezasdel sitio,funcionando

Versiones reducidas de los componentes de ingelmec.pages.dev, construidas con los mismos tokens. No son capturas: son el componente. Sirven de referencia para cualquier página nueva, landing o micrositio de la marca.

Retícula de 1280 px

Contenedor máximo de 1280 px con 40 px de margen (20 px en móvil). Doce columnas de referencia. Muestre la retícula para ver cómo se alinean los patrones del sitio.

R 6.1.1 · NUEVO EN 2.0

Patrones de composición

Máximo
1280 px · --layout-max
Márgenes
40 px escritorio · 20 px móvil
Separación
20 px tarjetas · 44 px listas · 64 px título dividido
Cortes
1160 · 1020 · 768 · 480 px
Secciones
64–72 px de aire vertical
RETÍCULA · 12 COLUMNAS
Hero · 7 colcopia y CTA
5 colfoto o video
Tarjeta4 col
Tarjeta4 col
Tarjeta4 col
Equipo3 col
Equipo3 col
Equipo3 col
Equipo3 col
Título divididoauto
Introalineada a la derecha

Hero editorial

Hero de página interior: titular bicolor, lead, cifras y foto duotono en filete doble con sello y hexágono que gira. Contenido real de la página Servicios.

Dos divisiones, un responsable

Ingeniería yoperaciones

Una división diseña e implementa; la otra mantiene, monitorea y responde 24×7. Su proyecto nunca queda huérfano después de la entrega.

3 etapas3 contratosNOC 24×7×365
Centro de operaciones de red con muro de monitores y estaciones de trabajo
39AÑOS

Carrusel showcase

El hero del inicio: cuatro diapositivas con entradas propias (video, cifra, cuboide, explosión). Avanza solo, se pausa con el cursor encima, responde a flechas del teclado y nunca corre durante la intro.

Integración electromecánica · desde 1987

Solucionesque transformansu operación

Del centro de datos al sistema contra incendios: diseñamos, instalamos y mantenemos las soluciones que garantizan la continuidad operativa.

39 años1,000 TR en un proyectosoporte 24×7×365
Casos de éxito · climatización
2,410TR

Trece proyectos documentados, de torres residenciales a banca e industria. El mayor: Grupo Platino, 1,000 TR en sistema VRF.

Ver los 13 casos ↓
Dos ingenieros con casco revisan un plano técnico en obra
8 soluciones · entrada cuboide

Un soloresponsable

Cada línea incluye diagnóstico, diseño de ingeniería, instalación y mantenimiento.

01Respaldo energético
04Climatización comercial
02Centro de datos
06Sistemas contra incendios
32 equipos · entrada explosionada

Equipos querespaldamos

Marcas que Ingelmec instala y mantiene. Las fichas de producto quedan quietas: el movimiento es solo de llegada.

UPS Liebert GXT5VERTIV · RESPALDO
UPS Liebert GXT5
Liebert DatamateVERTIV · PRECISIÓN
Liebert Datamate
Hisense Hi-FLEXi G+HISENSE · CLIMA
Hisense Hi-FLEXi G+
ATTOM 06TATTOM · MICRO DC
ATTOM 06T
Fike Ecaro 25FIKE · INCENDIOS
Fike Ecaro 25
Xtralis VESDA VLFXTRALIS · DETECCIÓN
Xtralis VESDA VLF
R 6.3.1 · NUEVO EN 2.0

Reglas del carrusel

  • Cuatro diapositivas, ni más ni menos: video, cifra, soluciones, equipos.
  • 7 s por diapositiva; la primera 11 s porque lleva el video y la entrada larga del titular.
  • Progreso visible en cada punto; pausa con cursor, foco o botón.
  • Transición en profundidad (36 px, −80 px en Z, −4° en Y), nunca cortina opaca.
  • Solo la diapositiva activa es accesible; las demás son inert.
CONTENIDO MÍNIMO POR DIAPOSITIVAHOME
01 Video
h1 bicolor, lead, 2 CTA, fila de 3 cifras, sello de años
02 Cifra
número protagonista en verde + foto duotono viva
03 Cuboide
4 soluciones con su color de familia
04 Explosión
6 equipos con marca y nombre

Átomos del sistema

Los elementos mínimos que se repiten en todas las páginas. Pase el cursor por los botones y enlaces: el brillo, el subrayado y la flecha son parte del componente.

Etiquetas con chaflánSistema chillerSistema VRFUnidades paqueteContra incendios
Eyebrow y filete punteadoExperiencia comprobada
Entrada de caso
Grupo Platino1,000 TR
TORRE RESIDENCIAL · SISTEMA VRF
BAC114 TR
BANCA · SISTEMA CHILLER
Numerador y estado
010203
NOC EN LÍNEA · 24×7×365

Coverflow de casos

Los 13 casos de climatización documentados, con su cifra en TR y su color de familia técnica. Use las flechas, el teclado, arrastre o haga clic en una tarjeta lateral.

SISTEMA VRF
1,000 TR

Grupo Platino

TORRE RESIDENCIAL

Suministro e instalación de sistema VRF para torre residencial de gran escala.

SISTEMA VRF
300 TR

Startek

CALL CENTER

Sistema VRF para operación de contact center con carga térmica continua.

SISTEMA VRF
250 TR

ResultsCX

CALL CENTER

Sistema VRF para piso completo de operaciones 24/7.

UNIDADES PAQUETE
155 TR

McDonald's

RESTAURANTES — 6 LOCALES

Unidades paquete instaladas en seis restaurantes de la cadena.

SISTEMA VRF
150 TR

Embotelladora de Sula

INDUSTRIA

Sistema VRF para áreas administrativas y de proceso.

SISTEMA CHILLER
145 TR

Novem

INDUSTRIA

Sistema tipo chiller para proceso industrial de manufactura.

SISTEMA CHILLER
114 TR

BAC

BANCA

Sistema tipo chiller para operación bancaria crítica.

UNIDADES PAQUETE
100 TR

Cargill

PLANTA INDUSTRIAL

Sistema tipo paquete para planta de proceso industrial.

SISTEMA VRF
100 TR

Puma Energy

TIENDAS DE CONVENIENCIA

Sistema VRF desplegado en red de tiendas de conveniencia.

UNIDADES PAQUETE
60 TR

Aquafeed

PLANTA INDUSTRIAL

Sistema tipo paquete para planta de alimentos.

SISTEMA VRF
36 TR

Equinox

GIMNASIO

Sistema VRF para gimnasio con alta renovación de aire.

SISTEMA 1 A 1
30 TR

La Meta

RETAIL — AUTOREPUESTOS

Sistema 1 a 1 para tienda de autorepuestos.

SISTEMA VRF
20 TR

Farsiman

LABORATORIO — OFICINAS

Sistema VRF para oficinas corporativas del laboratorio.

Cifra oficial 2,410 TR

Agent-first: la marca también se lee por máquinas

Asistentes y buscadores con IA leen el sitio antes que muchas personas. Toda pieza web de Ingelmec, este manual incluido, cumple la misma capa semántica.

R 6.6.1 · NUEVO EN 2.0

Requisitos mínimos

  • Una sola h1 por página; h2 por sección; article por producto o caso.
  • JSON-LD válido: Organization, LocalBusiness por sede, ItemList de productos o casos.
  • llms.txt con cifras verificadas y enlaces a las páginas clave.
  • robots.txt que permite GPTBot, ClaudeBot, PerplexityBot y Google-Extended; sitemap.xml.
  • El contenido crítico vive en el HTML, no solo en JavaScript.
{
"@type": "Organization",
"name": "Ingelmec",
"legalName": "Inversiones Generales de Máquinas y
Equipos de Control S. de R.L. de C.V."
,
"foundingDate": "1987",
"telephone": "+504 9489-0116",
"email": "atencioncomercial@ingelmec.com"
}

Extracto del grafo que publica cada página del sitio v4 y de este manual.