La pieza abierta en capas. Acá está qué trae cada archivo, para qué sirve y cómo volver a escribir el texto sin perder el diseño.
Hay dos caminos y sirven para cosas distintas. Elige según lo que vayas a cambiar.
Abre el .psd en Photoshop o en photopea.com. Trae las 10 capas separadas y
nombradas. Cada una se mueve, se apaga o se reemplaza sin tocar las demás.
El texto viene como píxeles: se puede mover y recolorear, pero no reescribir.
Abre el .svg en Illustrator, Figma, Affinity o photopea.com. El titular,
la fecha, el mensaje y la pata son texto vivo: haces doble clic y escribes.
Instala primero las Poppins de la carpeta fuentes/.
Mismo orden y mismos nombres en el PSD, en el SVG y en las PNG sueltas.
| Capa | Qué es |
|---|---|
| 01 · Fotografía | La escena limpia, a sangre. Es la foto original sin una sola letra encima: se puede reemplazar por otra toma sin tocar el resto. |
| 02 · Luz de apoyo | Degradado azul (#000C26) del 62% al 0% sobre el tercio superior. Solo está ahí para que el titular se lea; no oscurece caras. |
| 03 · Sello #1 | Sello «#1 en ollas a presión». PNG con transparencia, va arriba a la derecha. |
| 04 · Rótulo de temporalidad | Pastilla verde con la ventana de la campaña. |
| 05a · Titular línea 1 | Primera línea del cabezote, en blanco. |
| 05b · Titular línea 2 | Segunda línea del cabezote, en verde. Van separadas para poder mover o reescribir una sin tocar la otra. |
| 06a · Desenfoque tras el mensaje | El pedazo de foto desenfocado que va detrás del bloque de mensaje. Si mueves el bloque, mueve también esta capa (o apágala). |
| 06 · Bloque de mensaje | Contenedor de borde fino con el mensaje de apoyo. |
| 07 · Firma (logos) | Logo Universal + Alkosto en cobranding. |
| 08 · Pata (sitio y redes) | Barra azul con el sitio, los íconos de redes y el arroba. |
Medidos sobre la maqueta. Los tamaños son los del feed 1080 × 1350; la historia usa los mismos valores un punto más grandes (rótulo 21, mensaje 27, pata 20).
| Elemento | Fuente | Tamaño | Espaciado | Color |
|---|---|---|---|---|
| Rótulo | Poppins Bold 700 | 19 px | +1.9 px | #C4D600 fondo · #002160 texto |
| Titular | Poppins Black 900 | 86 px · interlínea 0,90 | -1.9 px | #FFFFFF · #C4D600 |
| Mensaje | Poppins Regular 400 | 24 px · interlínea 1,34 | 0 | Borde 2 px blanco 72% · fondo #000C26 al 30% · esquinas 20 px |
| Pata | Poppins Bold 700 / SemiBold 600 | 18 px | 0 | #002160 fondo · texto blanco |
Paleta de marca: azul #002160 · verde #C4D600 · cian #009FE3