Una sola luz:azul Ingelmec
Toda fotografía de marca pasa por el mismo mapa duotono, de la tinta al papel pasando por el azul. Así, una sala de máquinas, un NOC y una obra parecen tomadas por el mismo fotógrafo. El tratamiento va horneado en el archivo, no en CSS.
El mapa duotono
La foto se lleva a escala de grises, se sube el contraste 8 % y cada valor de luminancia se reemplaza por un color del mapa. Las sombras caen en tinta, los medios tonos en azul de marca y las luces en papel frío.
Cinco paradas, horneadas
- 0.00 → #0D1E26 tinta profunda
- 0.42 → #06528C
- 0.62 → #0567AD azul de marca
- 0.82 → #7FB2D8
- 1.00 → #F4F5F1 papel frío
Se aplica con photos.py (ffmpeg curves, contraste 1.08, gamma 0.96) y se exporta a WebP de 1536 y 800 px. No se usa mix-blend-mode: el color no depende del navegador.
#0D1E260.42
#06528C0.62
#0567AD0.82
#7FB2D81.00
#F4F5F1
Original y duotono
Pase el cursor o haga foco con el teclado sobre cada foto para ver el archivo original; haga clic para fijarlo. Abajo, arrastre el comparador.
El original nunca se publica
Los originales a color se guardan como fuente, no como pieza de marca. En el sitio y en documentos solo circula la versión duotono. El comparador muestra por qué: el original trae dominantes de color distintas en cada foto; el duotono las unifica.
ORIGINALDUOTONOFotos ilustrativas
Las fotografías actuales del sitio son imágenes generadas para ilustrar, no documentan proyectos específicos. Se rotulan siempre como tales. Cuando existan fotos reales de obra, entran por el mismo mapa duotono.
Guía de estilo de la serie
- Fotografía editorial de ingeniería, luz difusa natural, grano fino.
- Acento azul #0567AD solo en luces de equipo y detalles.
- Sin texto legible, logotipos, rótulos ni números en la imagen.
- Personas de espaldas o sin rostro identificable; casco blanco y camisa azul en obra.
- Nada de render evidente, neón ni ciencia ficción.
Ken burns: la foto respira
Dos recorridos lentos, en direcciones opuestas, para que dos fotos vecinas nunca se muevan igual. Corren solo mientras están en pantalla.
Recorridos A y B
- A
- 11 s · escala 1.05 → 1.15 · hacia arriba a la derecha
- B
- 9.5 s · escala 1.15 → 1.05 · dirección inversa
- Curva
- ease-in-out, alternate, infinito
- Pausa
- fuera del viewport (IntersectionObserver)
- Propiedad
- solo transform
Movimiento reducido activo: las fotos quedan quietas.
Regla 40–50 %
Si todo se mueve, nada destaca; si nada se mueve, la página se siente plana. Entre el 40 y el 50 % de las fotos de una página tienen vida; el resto queda quieto y sostiene el ritmo. En el sitio v4: 9 de 19 piezas (47 %).
Qué se mueve y qué queda quieto
- Se mueven: fotos de hero, destacados y la mitad alterna de las fotos de detalle.
- Quietas: fichas de producto (32 equipos), fotos dentro de slides interactivos, la foto central de un tríptico (ancla), recuadros secundarios.
- Nunca dos fotos vivas contiguas con el mismo recorrido.
Las líneas discontinuas del medidor marcan el 40 % y el 50 %.
Encuadre y contenedores
La foto se recorta recta, en hexágono o dentro del filete doble. Nunca con esquinas redondeadas ni con marcos de color.