CAPÍTULO 07 · APLICACIONES

Del sitioal documento

Papelería, cotizaciones, firmas y presentaciones aplican el mismo sistema que la web: papel blanco, tinta, un acento azul, el hexágono como membrete y los datos en mono. Este capítulo es la guía; las plantillas editables se entregan por separado.

«Predominará el blanco»

Regla de 2018 que sigue vigente: «En las aplicaciones predominará principalmente el color blanco con acentos de color, para mantener la frescura en su estilo gráfico». En 2.0 el acento es casi siempre azul y el motivo de piezas cede su lugar al hexágono.

Papel membretado: antes y después

A la izquierda, un esquema de la plantilla de 2018 (el archivo original está en Mercadeo y no se reproduce aquí). A la derecha, la hoja 2.0 construida en HTML con los tokens del sitio. Active las guías para ver los márgenes.

ANTES · 2018 · ESQUEMA

Franja de motivo en cuatro colores corporativos (ámbar, verde, rojo, azul), imagotipo en cabecera, Zemestro y Akkurat. Referencia: PAPELMEMBRETADO-INGELMEC-05.

DESPUÉS · 2.0 · EN VIVO
R 7.2.1 · HEREDA C 1.1

Anatomía del membrete 2.0

  • Imagotipo horizontal a color arriba a la izquierda, a 30 % del ancho de la hoja.
  • Hexágono tinte azul (#E4F0F8) a sangre en la esquina superior derecha y nodo azul: el membrete hexagonal.
  • Filete azul de 0.5 mm bajo la cabecera; pie con las tres sedes en Plex Mono de 7 pt.
  • Barra azul de 2 mm al pie, con un segmento verde: eco del motivo de 2018.
  • Sin franjas multicolor, sin degradados, sin fotos detrás del texto.
MÁRGENES · CARTAR 7.2.1
Superior
1.6 cm al membrete
Laterales
2.0 cm
Inferior
1.3 cm al pie
Cuerpo
empieza a 5.5 cm del borde superior
Sangrado
3 mm para hexágono y barra

Cotización: del folleto a la ficha técnica

La cotización de 2018 abría con una portada azul a sangre. La 2.0 va directo al dato: número, campos, tabla y total. Los montos se dejan en blanco porque son la plantilla, no una oferta.

ANTES · 2018 · ESQUEMA

Portada a sangre en azul corporativo con imagotipo en blanco y banda inferior clara. Referencia: FORMATO_COTIZACION-02.

DESPUÉS · 2.0 · EN VIVO
R 7.3.1 · NUEVO EN 2.0

Estructura de una cotización

  • Numerador hexagonal + «Cotización» en Saira 800.
  • Campos en Plex Mono: etiqueta azul en mayúsculas, valor en gris.
  • Tabla con cabecera en tinta y texto blanco mono; filas con filete de 1 px.
  • Total en bloque azul, a la derecha. ISV 15 % en línea propia.
  • Alcance por etapas, en el orden de la promesa: diagnóstico, diseño, suministro, instalación, mantenimiento.

El orden de las filas repite «No vendemos cajas»: el equipo es una línea entre cinco, no la cotización entera.

Reglas de documento

Equivalencias de la web al papel, para Word, PowerPoint, PDF y correo.

ElementoWebDocumento
TítuloSaira 800 · 34–56 px · mayúsculasSaira ExtraBold · 16–20 pt · mayúsculas · un acento azul
CuerpoInstrument Sans 400 · 14.5–16 px / 1.65Instrument Sans · 10 pt / 14 pt · #54646B
Datos y rótulosIBM Plex Mono · 11–12 px · .14–.22 emIBM Plex Mono · 7–8 pt · tracking 100
TablasFilete tinta arriba, filas de 1 pxCabecera tinta con texto blanco; sin rejilla vertical
FotosDuotono WebP, 40–50 % vivasDuotono JPG a 300 ppp; recorte recto o hexagonal
NumeraciónHexágono 38–50 pxHexágono de 8–10 mm con número en Saira
Esquinas y sombrasRectas; sombras azul-teñidasRectas; sin sombras en impresión
Respaldo sin fuentessystem-uiArial para Saira e Instrument Sans; Consolas para Plex Mono

Firma de correo

HTML simple, sin imágenes de texto, legible en modo oscuro. El hexágono se dibuja con un carácter de color de fondo en clientes que no soportan recortes; aquí se muestra la versión completa.

R 7.5.1 · HEREDA C 1.7

Firma institucional

  • Nombre o área en Saira, cargo en Instrument Sans, datos en mono.
  • Filete azul de 3 px a la izquierda.
  • Un teléfono, un correo, una sede. Sin frases motivacionales ni banners.
  • Nunca la firma completa como imagen.
Atención ComercialIngelmec · Integración electromecánica desde 1987+504 9489-0116 · atencioncomercial@ingelmec.com
Edificio Corporativo Centroamérica, 7mo. piso, Blv. Centroamérica, Tegucigalpa

Presentaciones 16:9

La diapositiva es un hero del sitio en formato horizontal: titular bicolor a la izquierda, foto duotono a la derecha con corte en punta, barra azul al pie.

R 7.6.1 · HEREDA C 1.8

Diapositiva de portada

  • Margen de 5 % en los cuatro lados.
  • Titular de 2 a 3 líneas, máximo 7 palabras.
  • Una foto por diapositiva, duotono; el corte en punta apunta al texto.
  • Pie en mono con área y número de página.