Sistema de marca
para construir
con claridad.
Todo lo que necesitas para hacer posts, presentaciones, piezas gráficas y landing pages que se sientan inconfundiblemente Ancla.
Qué es Ancla.
Antes de un color, una fuente o un componente, está la idea. Esta sección condensa cómo pensamos, qué prometemos y qué sensación queremos dejar. Todo lo demás sirve a esto.
Propósito
Hacemos que pagar menos sea fácil.
Ayudamos a las personas a reducir sus gastos mensuales de forma inteligente, haciendo simple algo que siempre ha sido complejo.
Propuesta de Valor
Cambia tu seguro. Paga menos. Nosotros hacemos todo.
Ahorro típico entre 25% y 40% en el seguro de incendio y sismo hipotecario. Misma cobertura. Proceso gestionado por nosotros.
“Ancla te ayuda a reducir tus gastos mensuales"
Úsala como cierre de presentaciones, about us, piezas de marca emocional. No para ads ni copy directo de performance.
Principio central
Todo lo que haga Ancla debe cumplir los tres a la vez. Si una pieza no las cumple, no es marca Ancla.
Reducir fricción
Menos pasos, menos formularios, menos dudas. Nosotros hacemos todo.
Aumentar claridad
Sin tecnicismos. Sin letra chica. Cifras concretas y pasos visibles.
Demostrar ahorro
Cifras específicas: 25–40% menos en tu seguro, $300.000 promedio al año
Personalidad
Cuatro rasgos, siempre juntos. Ninguno sin los otros.
Explica sin tecnicismos. Usa cifras concretas. Tutea. Transmite seguridad sin arrogancia.
Agresiva contra bancos. Técnica o fría. Prometedora exagerada. Compleja o solemne.
Logo.
La "A" de Ancla es un isotipo con volumen: dos planos en cian y violeta que forman la letra, acompañada del wordmark "ANCLA SEGUROS". Hay una versión primaria que cubre el 99% de los casos (texto blanco sobre dark/brand), una para fondo claro (texto brand) y el isotipo para espacios chicos. Nada más.
Logo primario · úsalo en el 99% de los casos
`logo-ancla-on-dark.svg` es el logo canónico. Texto blanco + "A" en cyan/violeta.
Funciona en los dos fondos primarios (dark #08071a y brand #392dcf) porque el contraste se mantiene en ambos.
Si dudas qué variante usar, usa este.
Dónde se usa: landing pages, posts de social, slides de PPT, banners, ads paid, emails, OG images, WhatsApp Status, video thumbnails, press kit, merch a color. Si va sobre dark o brand → este archivo, siempre.
Sobre fondo claro · la única excepción
Cuando el fondo es claro (#f4f7fc o blanco), el logo cambia el texto a
brand #392dcf. El isotipo no se toca: sigue cyan + violeta.
El texto negro no se usa nunca.
Papelería, facturas, PDF, impresión a color.
No hay versiones monocromas. Para impresión a una tinta, bordado o grabado, el proveedor recibe este mismo archivo o el isotipo y lo reproduce en un solo color — no hay un SVG aparte que mantener.
Isotipo (solo la "A") · para espacios chicos
Para favicons, avatars, stickers, watermark, loading states, sello en imágenes. Nunca reemplaza al logotipo completo en pieza principal.
Las dos marcas · Seguros y Recupera
Ancla opera con dos marcas sobre el mismo sistema de color y tipografía.
Ancla Seguros se para sobre el azul de marca #392dcf;
Ancla Recupera sobre el fondo dark #08071a.
Cambia el wordmark y la superficie — nada más.
Cada marca tiene dos archivos y ninguno más: on-dark (texto blanco) y
on-light (texto brand #392dcf). Nunca los dos wordmarks juntos en la misma pieza.
Espacio libre mínimo
Dejar siempre un margen equivalente a la altura del isotipo alrededor del logo. Nada toca al logo: ni texto, ni bordes, ni elementos gráficos.
Regla: altura del isotipo "A" = espacio mínimo en los 4 lados.
Tamaños mínimos
| Digital (pantallas) Logo completo |
24 px alto |
| Digital (pantallas) Isotipo |
16 px alto |
| Impreso Logo completo |
12 mm ancho |
| Favicon / avatar Isotipo cuadrado |
32 × 32 px |
Qué nunca hacer
No estirar ni deformar
No rotar ni inclinar
No poner sobre fondos no autorizados
El sistema de color.
Dual primary: #08071a (dark) y #392dcf (brand) son co-protagonistas — alterna entre ambos para no caer siempre en el mismo fondo.
Light #f4f7fc queda como soporte para contenido denso. Dos primarios de marca (brand + CTA).
Dos acentos que se pueden mezclar. El naranjo solo para acción.
Primarios
La marca es azul. La acción es naranja. Nunca se mezclan en el mismo elemento.
Fondos estructurales
Dark y Brand son co-primarios — alterna entre ambos para no caer siempre en el mismo fondo. Light es soporte para contenido denso. No se mezclan dos en el mismo bloque visual.
Acentos (y el gradiente)
Cian y rosa se usan como highlights sobre los fondos oscuros. Se pueden mezclar en gradiente. Nunca con el naranjo.
Jerarquía de uso (de más a menos)
-
01
Dark #08071a + Brand #392dcf — co-protagonistas. Alterna entre los dos como fondo principal. Texto blanco en ambos.
-
02
CTA #ff8322 — único color de acción. Máxima contención: 1 botón por pantalla ideal.
-
03
Cyan + Rose — acentos, gradiente entre ambos permitido. Highlights, íconos destacados, números clave.
-
04
Light #f4f7fc — soporte para contenido denso, formularios e info. Texto
#08071a.
Dark y Brand como co-protagonistas — alternar entre los dos para que la marca no se vuelva monótona. Light para contenido denso. Naranjo SOLO en botones de acción. Gradiente cyan→rose permitido para títulos y acentos. Gradiente dark→brand permitido para fondos atmosféricos.
Gradiente entre azul y naranjo. Texto oscuro sobre fondo brand. Naranjo decorativo. Mezclar dos fondos estructurales en el mismo bloque visual. Usar colores fuera de esta paleta.
Tokens CSS
Copiar y pegar al inicio del proyecto.
/* Ancla Seguros — tokens */ :root { --brand: #392dcf; --cta: #ff8322; --bg-dark: #08071a; --bg-brand: #392dcf; --bg-light: #f4f7fc; --cyan: #2bd3f5; --rose: #ca4bff; --text-on-dark: #ffffff; --text-on-light: #08071a; }
Plus Jakarta Sans. Siempre.
Una sola familia tipográfica, siete pesos, disponibles en Google Fonts. No mezclar con Inter, Roboto, Arial ni system fonts bajo ningún caso.
Escala tipográfica
Usar siempre los mismos tamaños para mantener ritmo visual entre piezas.
Pesos disponibles
Headlines en 700–800, tracking -0.02em a -0.03em, line-height 0.95–1.1. Body en 400–500, line-height 1.5–1.6. Labels y eyebrows en 600 con letter-spacing 0.12–0.14em y TEXT-UPPERCASE.
Usar otra familia tipográfica. Mezclar con serifs. Bajar de 12px en body. Usar pesos que no están en la escala (300, 100). Aplicar tracking positivo a headlines — siempre negativo.
Cómo cargarla en web
Pegar en el <head> del HTML.
<!-- Plus Jakarta Sans desde Google Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet"> /* CSS */ body { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-optical-sizing: auto; }
Sistema de íconos.
Estilo Lucide — trazos limpios, stroke 1.75, esquinas redondeadas, viewBox 24×24.
Usan currentColor para heredar el color del contenedor: pueden ir en brand, cyan, o blanco según el contexto.
Set base
30 íconos que cubren todos los casos de uso habituales. Si falta alguno, se dibuja en el mismo estilo.
En los 3 fondos
Los íconos respetan la regla de texto de cada fondo. Para destacar uno, se puede usar el cyan.
Reglas técnicas
| ViewBox | 24 × 24 |
| Stroke | 1.75px (1.5 para íconos finos, 2 para íconos bold) |
| Stroke caps | round · round |
| Color | currentColor (hereda del padre) |
| Tamaños comunes | 16, 20, 24, 32, 48 |
| Estilo | Lineal outline. No fills masivos. No ilustraciones complejas. |
Componentes base.
Cada componente vive en los tres fondos (dark, brand, light). Empieza siempre eligiendo el fondo de la sección y después eliges el componente. El CTA naranjo aparece en todos los contextos — es el único que no cambia.
Botones
Jerarquía: CTA naranjo → Primario brand → Outline → Ghost. Una sola acción principal por pantalla.
Sobre Dark
Sobre Brand
Sobre Light
#ff8322 es exclusivo para la acción principal de conversión. Si aparecen 4 botones en una pantalla, solo uno puede ser naranjo.
Badges & Pills
Para trust marks, categorías, pasos de proceso, eyebrows. Nunca en naranjo (eso es acción).
Sobre Dark
Sobre Brand
Sobre Light
Cards
Superficie para contenido agrupado. Radio 16px. En dark/brand, borde hairline en lugar de sombra.
En minutos
Desde la cotización hasta la emisión, todo en el mismo día.
En minutos
Desde la cotización hasta la emisión, todo en el mismo día.
En minutos
Desde la cotización hasta la emisión, todo en el mismo día.
Inputs & Forms
Los formularios viven típicamente sobre fondo light. Radio 10px, borde hairline, focus brand con glow suave.
Navbar
72px de alto, backdrop blur 12px, badge de CMF visible. En scroll, el fondo aplica opacidad 0.92 + blur.
Cómo habla Ancla.
La tipografía y los colores pueden verse bien, pero si el copy suena a corredora antigua o a fintech genérica, la marca se cae. Esta sección es tan importante como el logo.
Cuatro principios
Tuteo siempre.
"Tú pagas de más", no "usted está pagando de más". Cercanía > formalidad. Nunca "Ud." ni "Usted".
Cifras concretas.
"Ahorras 25–40%", no "ahorras mucho". "$300.000 al año", no "un monto considerable". Números crean credibilidad.
Cero jerga.
Nada de "optimizar estructura de cobertura". Lenguaje que entendería cualquier persona.
Directa, no agresiva.
Hablar de "Probablemente pagas de más" > No hablar de "Los bancos te están estafando". El villano es el desconocimiento, no los bancos.
Ejemplos reales
Mismo mensaje, versiones mala y buena. Pégalo como referencia al redactar.
Pool de mensajes clave
Úsalos como headline, caption, o para armar variaciones. Ya están probados.
"Estás pagando de más por tu seguro. Aunque no lo sepas."
Ideal para: anuncios, posts que educan."Puedes cambiarlo. Legalmente."
Ideal para: respuesta a objeciones, FAQ."Nosotros hacemos todo por ti."
Ideal para: CTAs, landing hero, reducir fricción."Entre 25% y 40% de ahorro. Con la misma cobertura."
Ideal para: headline en ad, stat en hero."$300.000 al año. +$7.500.000 en la vida del crédito."
Ideal para: cifras concretas en landing, carrusel IG."El ahorro es la consecuencia de hacer las cosas bien."
Ideal para: cierre, about us, frase de marca.PPT con identidad.
16:9 siempre. Cuatro tipos de slide cubren el 90% de las necesidades: portada, contenido, dato / KPI, y cierre. Se arma en Google Slides, Keynote o PowerPoint.
Slide de portada — dos variantes
Dark y Brand son intercambiables. Elige según el tono: dark para informes / lanzamientos, brand para sales decks y onboarding. No uses el mismo fondo en todas tus presentaciones.
Slide de contenido
Light para contenido denso, listas, explicaciones. Título 700, body 500. Imagen o dato destacado al lado.
Slide de dato / KPI
Brand como fondo. Un solo número gigante, con gradiente cyan→rosa en el número. Contexto debajo.
Slide de cierre
Dark. Frase de cierre o CTA, datos de contacto, logo centrado. Nunca "Gracias!" — en su lugar, una frase con peso.
Reglas de presentación
| Ratio | 16:9 — siempre. Nunca 4:3. |
| Tipografía | Plus Jakarta Sans. En Keynote/PPT descargar los TTF de Google Fonts e instalarlos. |
| Una idea por slide | Si quieres poner dos ideas, son dos slides. Espacio > densidad. |
| Rotar fondos | Alternar dark, brand, light en la presentación para dar ritmo — no usar uno solo en todas. |
| Imágenes / screenshots | Siempre con borde radius 12–16px. Nunca pegadas al borde del slide. Padding 48px mínimo. |
| Números destacados | Font 80–128px, weight 800, gradiente cyan→rosa. Siempre con contexto debajo. |
Banners, flyers, ilustraciones.
Todo lo que no es post, presentación ni landing. Emails, banners web, status de WhatsApp, banner de correo, material impreso. Usan la misma gramática pero adaptada al formato.
Banner web horizontal · 16:9
Para hero de landing, cover de blog, featured image en LinkedIn.
Banner de email / header · 3:1
Para el header de newsletters o mailings. Más compacto.
Flyer vertical & status de WhatsApp
Dos piezas de uso común. El flyer funciona como imagen de difusión; el status como mensaje rápido.
Ilustración & uso del gradiente
Cuando no hay foto, se usa el gradiente cyan→rosa como elemento visual con el grid de fondo. Sin abusar: una pieza = un elemento con gradiente máximo.
Grid dark de fondo en piezas nocturnas. Orbes radiales con blur para dar atmósfera. Logo siempre visible. Un solo elemento protagónico (número, frase, ícono). Padding generoso (mínimo 32px, ideal 48px).
Collages cargados. Fotos stock de oficinistas sonriendo. Abusar del gradiente (una pieza = una zona con gradiente). Tipografías muy chicas. Elementos pegados al borde sin padding.
Anatomía de una landing Ancla.
Ritmo de fondos: dark (hero) → light (contenido) → brand (CTA final). Una sola acción principal (naranjo). Cifras concretas. Badge de CMF siempre visible.
Ritmo de secciones
Este es el esqueleto base. Sirve para landing de producto, campaña o de marca.
Probablemente pagas 25–40% de más por tu seguro. Y puedes cambiarlo.
Cambia tu seguro obligatorio del banco por una alternativa más económica. Misma cobertura, menor costo, cero trámites de tu parte.
Proceso simple en 4 pasos. Todo hecho por nosotros.
Cotiza tu ahorro en 2 minutos.
Sin compromiso. Te decimos cuánto podrías ahorrar al año.
Reglas por sección
Hero
- • Fondo dark con grid pattern + gradientes radiales en esquinas
- • Eyebrow cyan con categoría del producto
- • Headline 700-800, parte del texto con gradiente cyan→rosa
- • Subhead en muted (65% opacidad)
- • Un CTA naranjo + un secundario outline
- • Trust bar debajo: clientes · ahorro · CMF
Secciones de contenido
- • Fondo light con contenido denso
- • Eyebrow brand + título 700
- • Una idea principal por sección
- • Cards en blanco con hairline
- • Íconos en brand (#392dcf)
- • Números destacados en gradiente
Formularios / Calculadora
- • Fondo light siempre
- • Inputs con borde hairline, radio 10px
- • Focus con borde brand + glow 4px
- • Labels en 600 uppercase (muted)
- • CTA naranjo al final, full-width
- • Máximo 3-4 campos visibles a la vez
CTA final / Footer
- • CTA final en fondo brand
- • Headline breve + subhead + 1 botón naranjo
- • Footer en fondo dark (o brand oscurecido)
- • Logo, links, redes, RUT, dirección, CMF
- • Hairline blanco 10% para separadores
Trust bar
Fila de indicadores de confianza. Va después del hero, antes del contenido principal.
FAQ
Acordeones con borde hairline. Pregunta en 600, respuesta en 400. Mínimo 5, máximo 8 preguntas.
Lo digital esencial.
Firma de email, preview en redes sociales (OG/Twitter card) y favicons. Lo "invisible" que ven miles de personas cada semana. Cuando se ve bien acá, la marca se siente sólida en cada toque.
Firma de email
Compacta, profesional, con isotipo. Sobre fondo dark o brand para destacar — nunca sobre blanco plano (queda débil).
anclaseguros.cl · Regulados CMF NCG 469
anclaseguros.cl · Regulados CMF NCG 469
Reglas: isotipo 56×56px · nombre 16px / 700 · cargo 13px / 500 · contacto 12px · línea divisoria con opacidad 0.12 (dark) o 0.18 (brand) · link en cyan #2bd3f5. Sin emojis decorativos.
OG image · Twitter card
El preview cuando alguien comparte un link de Ancla en WhatsApp, LinkedIn, X o iMessage. Formato canónico: 1200 × 630 px. Alterna entre dark y brand según el tipo de contenido.
Calcula cuánto
puedes ahorrar al año.
"Ahorré $420.000
el primer año."
HTML meta tags requeridos en cada página: og:image, og:title, og:description, og:url, twitter:card (summary_large_image). Generar una imagen única por landing/artículo si el contenido lo amerita.
Favicon · App icons
El isotipo "A" funciona en cualquier tamaño y sobre cualquiera de los tres fondos: el mismo archivo a color sirve para dark, brand y blanco. Set completo abajo.
favicon.ico
Browser tab
Apple touch
PWA / Maskable
OG image diferente por sección (calculadora, blog, productos). Isotipo en favicons. Firma email sobre brand/dark. Alt text en OG images para accesibilidad. Mismo OG en dimensiones exactas 1200×630.
Firma email sobre fondo blanco corporativo plano. Favicon con texto (no se lee a 16px). OG image con >3 líneas de copy. Misma OG genérica para toda la web. Logo completo en favicon — usa isotipo.
El canal favorito.
WhatsApp Business profile, Status diarios, broadcast y templates. Es el canal más usado por nuestros clientes — la marca tiene que verse impecable acá, no como un afterthought.
Perfil de WhatsApp Business
Foto de perfil: isotipo sobre brand (no sobre dark — en WhatsApp se ve mejor el azul). Descripción corta, directa, con dato concreto.
Isotipo centrado, sobre fondo brand
Ubicación: solo si tienes oficina física. Email: corporativo. Web: con UTM ?utm_source=wa_profile.
Status diarios (1080×1920)
Posts efímeros 24h. Alterna fondo dark ↔ brand día a día. Zona segura entre y=200 y y=1700 para evitar que el UI de WhatsApp tape el contenido.
Mensajes templates (WhatsApp Business API)
Tono cercano, tutea, cifra concreta cuando se pueda. Sin emojis decorativos — solo cuando aporten claridad. Máximo 3 párrafos.
Hola {{nombre}}, soy María de Ancla Seguros.
Vi que cotizaste hace un rato. En 2 minutos te puedo decir cuánto puedes ahorrar en tu seguro hipotecario — sin compromiso.
¿Te tinca que te llame ahora o prefieres en otro horario?
{{nombre}}, terminamos la cotización 🎯
Con tu nueva póliza pagarías $XX.XXX al mes en vez de $YY.YYY. Eso son $ZZZ.ZZZ al año que se quedan en tu bolsillo.
Misma cobertura. Aseguradora regulada. ¿Avanzamos?
Foto de perfil sobre brand (azul). Status diario alternando dark/brand. Tutear. Cifras concretas. Máximo 2 mensajes seguidos sin respuesta. Identificarse en cada conversación inicial.
Foto con texto chico que no se lee. Status sobre foto stock. Emojis decorativos en serie 😀✅💯🔥. Mensajes de spam masivo. Saludo + 5 párrafos de copy. Llamar al cliente sin avisar por chat.
Ads que ahorran clic.
Meta (Instagram + Facebook), Google Display y LinkedIn. Misma marca, distintos formatos. Regla: headline corto, número grande, CTA naranjo, logo siempre. El usuario tiene 1.7 segundos para decidir si para a leer.
Meta · Feed (1:1 y 4:5)
Instagram y Facebook feed. Alterna fondo dark ↔ brand entre campañas para evitar fatiga visual (CTR cae 30% si el feed se vuelve monótono).
Ahorra hasta
$300.000 al año.
En tu seguro hipotecario, sin trámites de tu parte.
25–40%
menos en tu
seguro.
Misma cobertura. Cambio en 48h.
Puedes cambiar
tu seguro
hipotecario.
El banco no te lo dice. La ley sí.
Meta · Stories / Reels (9:16)
Headline en zona segura central. CTA "Swipe up" o sticker de link. Logo arriba izquierda.
Google Display + LinkedIn
Formatos horizontales y leaderboards. El logo se reduce — usa isotipo si el espacio es muy chico (<120px ancho).
¿Sabías que puedes cambiar el seguro de tu hipoteca?
25–40% de ahorro · Misma cobertura · Sin trámites
Formatos canónicos · checklist
| Plataforma | Formato | Uso |
|---|---|---|
| Meta Feed | 1080×1080 (1:1) · 1080×1350 (4:5) | Awareness + conversión |
| Meta Stories/Reels | 1080×1920 (9:16) | Awareness + brand |
| Meta Carousel | 1080×1080 (1:1) · 5 cards | Educación · funnel medio |
| Google Display | 728×90 · 300×250 · 336×280 · 320×100 | Retargeting + display |
| Google Discovery | 1200×628 · 1200×1200 | Awareness amplio |
| 1200×627 (single) · 1080×1080 (carrusel) | B2B + corredores | |
| YouTube Bumper | 6s video · 1920×1080 | Brand recall |
Ancla con otras marcas.
Cuando Ancla aparece junto a bancos partners, en prensa, o en merchandising. Reglas claras para no perder identidad cuando la marca convive con otras.
Co-branding con bancos
Cuando Ancla aparece junto a BancoEstado, Santander, BCI, Itaú, Scotiabank, etc. Logo de Ancla siempre al mismo peso visual que el partner. Separador vertical sutil.
Partner
Partner
Reglas de co-branding
| Peso visual | Logos al mismo alto óptico (no necesariamente mismo tamaño en px — depende del ancho). |
| Separador | Línea vertical sutil de 1px, opacidad 0.25 sobre dark / 0.40 sobre brand. |
| Orden | Ancla siempre a la izquierda. El banco a la derecha. |
| Espaciado | Mínimo 40px entre logos. Clear space del partner respetado. |
| NO se permite | Mezclar logos, modificar colores del partner, usar versión vertical de Ancla en lockup horizontal. |
Press kit
Lo que se entrega a medios y periodistas. Carpeta autocontenida con todo lo necesario para que escriban sobre Ancla sin tener que pedirnos nada.
One-pager corporativo
PDF con propuesta de valor, cifras clave, equipo fundador, regulación CMF.
Set de logos
5 variantes SVG + PNG en alta resolución. Mismas variantes que esta guía.
Fotos de equipo
Founders + spokespeople, fondo dark/brand, sin retoque excesivo. Mín 2400×1600.
Hoja de cifras
Clientes atendidos, ahorro promedio, tiempo de gestión, NPS. Actualizada trimestralmente.
Quotes vocero
3–5 declaraciones listas para citar. Pre-aprobadas por legal. Atribución correcta.
Contacto prensa
Email directo: prensa@anclaseguros.cl. Respuesta en <24h hábiles.
Merch básico
Lo que se imprime físicamente: poleras de equipo, taza, sticker pack, libreta. Mantén los colores exactos (Pantone reference abajo). Sobre tela / cerámica, usa siempre versiones de alto contraste.
Polera dark
Isotipo bordado en el pecho, a color o en blanco a 1 tinta
Taza blanca
Logo on-light en wrap (texto brand)
Sticker brand
Die-cut isotipo, troquelado, vinilo
Libreta A5
Logo on-light en portada, papel cream
Specs para impresión
| Pantone Brand | Pantone 2728 C · CMYK 89/77/0/0 · RGB 57/45/207 |
| Pantone CTA | Pantone 1495 C · CMYK 0/55/85/0 · RGB 255/131/34 |
| Pantone Dark | Pantone Black 6 C · CMYK 75/70/55/95 · RGB 8/7/26 |
| Resolución mínima | 300 DPI para impresión offset, 150 DPI para gran formato |
| Sangría | 3mm de sangría + 5mm de zona segura interior |
| Tela bordada | Una sola tinta, elegida del sistema (brand, blanco o dark). Trazo mínimo 0.5mm. Isotipo a partir de 25mm de ancho. |
Todo lo que necesitas, ya.
Esta carpeta es autosuficiente. No hace falta acceder a ningún Drive, Figma ni Dropbox. Todo lo que muestra este documento está disponible como archivo en la carpeta adjunta.
Logos
Cómo compartir esta carpeta
- 01 Comprime la carpeta
ancla-brand-guideline/completa en un ZIP. - 02 Envíalo por WhatsApp, Drive, Dropbox, WeTransfer — lo que prefieras. No pesa más de 1 MB.
- 03 La persona solo tiene que descomprimir y abrir
index.htmlcon doble click (Chrome, Safari, Firefox — cualquiera). - 04 Los SVG de logos, íconos y recursos están en
/assets. Se pueden arrastrar directo a Figma, Illustrator, Photoshop, Canva. - 05 Si surge una duda sobre una regla, se consulta este mismo HTML — es la fuente oficial.
Posts que se ven Ancla.
Instagram, LinkedIn, TikTok. Tres formatos, tres fondos rotativos, una sola identidad. Cada post tiene: headline corto, logo pequeño esquina, y un detalle de acento.
Formatos que usamos
No crear piezas en otros ratios. Estos tres cubren el 95% de los usos.
Feed cuadrado
Instagram, LinkedIn, Facebook feed
Historia / Reel
IG Stories, Reels, TikTok, YouTube Shorts
Feed vertical
Instagram retrato, LinkedIn vertical
Posts 1:1 — plantillas listas
Tres versiones del mismo post en los 3 fondos. Roten para que el feed no se vea monótono.
Estás pagando
de más por
tu seguro.
Cambia tu seguro.
Nosotros hacemos
todo por ti.
Ahorra hasta
$300.000
al año.
Estructura de un carrusel
5 slides. Portada hook → 3 slides de contenido → cierre con CTA. Siempre en el mismo orden.
¿Sabías que
puedes cambiar
tu seguro?
Los bancos cobran seguros estándar. Pagas más de lo necesario.
La NCG 469 te permite cambiarlo.
$300K
de ahorro al año en promedio
Cotiza
gratis en 2
minutos.
Rotar los 3 fondos en el feed para evitar monotonía. Logo pequeño siempre visible. Headline en 700-800. Una sola idea por post. Cifras concretas cuando se pueda. CTA claro en último slide de carrusel.
Llenar el post de texto chico. Usar fotos stock genéricas. Poner el CTA naranjo como decoración. Mezclar los 3 fondos en un mismo post. Usar emoji decorativos en headline (solo si aporta al mensaje).