Saltar al contenido

Redes

El marco se repite.
El mensaje cambia.

Una plantilla para tres redes, viva y lista para descargar.

Una fila del perfil: un texto, un teléfono y una cifra. Nunca dos piezas oscuras juntas.

30 %
30 %
30 %

La idea

Un marco fijo, cuatro esquinas.

Con el marco fijo, la marca se reconoce. Pasa el cursor por una regla y mira dónde cae.

12345
  1. 1Arriba a la izquierda, qué es. La serie o el tema, en mayúsculas: se sabe de qué va antes de leer.
  2. 2El título cuelga de la línea del 30 %. Así, en el perfil, todos caen a la misma altura.
  3. 3Una sola imagen. Un teléfono, una cifra o el personaje; con dos, ninguna se ve.
  4. 4Abajo a la izquierda, quién firma. El logo, de 32 px: la única marca nuestra de la pieza.
  5. 5Un solo azul. Lo único azul es lo encendido: una palabra, la cifra, el botón o este punto.

Instagram

Cada post dice una sola cosa.

El perfil lo recorta en 3:4: con 80 px de margen, no se pierde nada.

Post de dato

Una cifra real, en azul y con su fuente: detiene más que un adjetivo.

Post con personaje

Una pregunta y el personaje de pie: aparece para preguntar o cerrar, no para decorar.

Post de producto

El teléfono es la imagen: se ve cómo entra cada chat. Chats de ejemplo.

Carrusel

Un carrusel, cuatro cuadros.

La portada promete, dos cuadros muestran y el cierre pide una sola cosa.

Ver las medidas de los posts y del carrusel
Lienzo
4:5, en PNG; en el carrusel, la primera lámina fija la proporción de todas
Márgenes
80 px a los cuatro lados
Título
80 px en negrita, colgado de (112 px en la portada del carrusel si tiene cuatro palabras o menos)
Logo
32 px de alto, abajo a la izquierda, termina en
Interiores
Etiqueta y título arriba, en , y una sola imagen
Paginación
Una hilera de interruptores: los vistos, en tinta; los que faltan, en Apagado. El cierre no lleva.
Encendido
Un solo elemento azul. Si hay botón, el título va en tinta.
LinkedIn
El mismo carrusel, subido como documento PDF

Historias

Lo que se lee va en el medio.

Arriba y abajo manda Instagram. Enciende el interruptor y míralo.

Historia de enlaceEl botón es el único azul.
Historia del piloto«Vas en el día 9». Ejemplo.
  1. 1Texto, logo y botón, solo en la franja del medio. Así nada queda bajo la cuenta ni bajo la barra de respuesta.
  2. 2Nuestra franja es más estrecha que la de Meta. Así vale igual en una historia orgánica y en un anuncio.
  3. 3Foto, teléfono y personaje sí pueden bajar hasta el borde. Se ven, no se leen: si los tapa la barra, no se pierde nada.
  4. 4La portada del reel se recorta en el perfil. El título, colgado del 30 %, queda adentro: pruébalo con «Portada de reel».
Ver las medidas exactas
Franja segura
·
Meta libera
14 % arriba, 35 % abajo y 6 % a los lados
Portada del reel
Se recorta de y 240 a y 1680

LinkedIn

Martín distribuye, la página respalda.

Los dos banners dejan libre abajo a la izquierda: ahí van la foto o el logo.

Banner de Martín

Su titular, en primera persona. Sin logo ni símbolo: lo firma su foto real.

Banner de la página

El único lugar con «Tus ventas, a la vista.», siempre junto al logo. El símbolo, en tinta, es la foto.

Ver quién hace qué: la página y el perfil
Página de Creators LatamPerfil de Martín
Su trabajoRespalda: anuncios, casos, hitos y el pilotoDistribuye: ideas, aprendizajes y casos en primera persona
Cómo habla«Nosotros», sobria, con datos«Yo», directa, con escenas cortas
Su fotoEl símbolo, en tintaSu foto real; nunca el personaje
Su firmaEl logo de Creators LatamSu foto y su nombre, sin símbolo

El titular del banner de Martín va en 42 px en negrita y dos líneas.

YouTube

Solo la TV ve el banner entero.

La computadora muestra una franja y el celular, solo el centro. Prueba cada pantalla.

TV · 2560 × 1440. Se ve el lienzo entero.Computadora · 2560 × 423. Una franja de borde a borde: arriba y abajo se corta.Celular · 1546 × 423. Solo el centro: aquí va todo lo que se lee.

  1. 1Lo que se lee va en el centro. Es lo único que ve el celular.
  2. 2El resto es fondo Papel, liso. La TV lo muestra y no estorba.
  3. 3Sin logo en el banner. El nombre y la foto del canal van debajo.
Ver las medidas
Lienzo
en PNG, menos de 6 MB
Lo que se lee
Solo en y (1546 × 423)
Fondo
Papel, liso

Miniaturas

Una idea, pocas palabras, un azul.

Se lee en un segundo y a 168 px de ancho, lo que mide una sugerida en el celular.

  1. 1De dos a cuatro palabras. Se leen en un segundo; cada línea, de 15 caracteres como máximo.
  2. 2Una palabra clave, en azul. Es lo único encendido; el resto va en tinta. Nada de rojo ni amarillo.
  3. 3Una sola imagen. El teléfono, la foto de Martín o una cifra; nunca las tres.
  4. 4Texto a la izquierda, imagen a la derecha. La esquina de abajo a la derecha queda libre: ahí YouTube pone la duración.
Ver las medidas
Texto
80 px en negrita, dentro de
Zona libre
·
Salida
1280 × 720, y 3840 × 2160 para subir
Ver las cuatro variantes y probar el tamaño

Cada una sale de la plantilla y cambia solo el mensaje y la imagen. Mueve el control y mira desde qué tamaño deja de leerse.

504 px
«Un chat, un dueño.»Tutorial · teléfono
«Aprueba cada seguimiento.»Tutorial · teléfono
«12 chats sin responder.»Dato · cifra. Ejemplo.
«Automatizar no es controlar.»Charla · foto de Martín
VarianteDescargar
«Un chat, un dueño.»
Tutorial · teléfono
«Aprueba cada seguimiento.»
Tutorial · teléfono
«12 chats sin responder.»
Dato · cifra. Ejemplo.
«Automatizar no es controlar.»
Charla · foto de Martín

Los números de capítulo y las cifras son de ejemplo. La foto de Martín es la del kit, en blanco y negro.

Avatar y favicon

El avatar es el símbolo, en tinta.

Un solo dibujo sobre Papel, recortado como lo pide cada red. Sin texto y sin el personaje.

Avatar de Creators Latam en círculo
Instagram320 × 320, en círculo.
Avatar de Creators Latam cuadrado
LinkedIn, página400 × 400, cuadrado.
Avatar de Creators Latam en YouTube
YouTube800 × 800, se ve a 98 px.
Favicon a 16 pxFavicon a 32 pxFavicon a 64 px
Favicon16, 32 y 64 px: a 16 px se distinguen las dos cápsulas.

Tamaños

Ocho medidas bastan.

Ver las ocho medidas y de dónde salen

Toca una medida para copiarla. «Se lee en» es la zona donde va todo el texto.

PiezaMedidaSe lee enOjo con
Post y carruselx 80–1000El perfil recorta ≈ 34 px por lado
Historia y reelx 80–1000 · y 272–1248Meta libera 14 % arriba, 35 % abajo y 6 % a los lados
LinkedIn · documentocomo el postEl mismo carrusel, en PDF
LinkedIn · banner de Martínx 700–1504 · y 80–316La foto tapa abajo a la izquierda
LinkedIn · banner de la páginax 760–1432 · y 56–200El logo de la página tapa abajo a la izquierda
YouTube · bannerx 507–2053 · y 508–931Es lo único que se ve en el celular
YouTube · miniaturatexto x 80–720Se exporta a 3840 × 2160; libre x ≥ 1060 e y ≥ 600
Avatarsímbolo centradoInstagram pide 320 y YouTube 800

Las medidas de cada red salen de su ayuda oficial; las zonas, del sistema visual de Creators Latam.

Lo que no se hace

Tres errores, con el mismo kit.

Cada ejemplo roto sale de una plantilla de arriba: así se ve lo que pasa al romper una regla.

Sí

Título y párrafo dentro de la franja: se leen completos.

No

La etiqueta queda bajo la cuenta y el párrafo, bajo la barra de respuesta: Instagram los tapa.

Referencias

Otras marcas repiten el marco.

Cuatro publicaciones de Vercel con el mismo esqueleto
Vercel · cuatro publicaciones · ver en posts.design

Qué tomamos: logo en una esquina, título a la izquierda y un solo visual. Cambia el contenido; el marco, no.

Anuncio de evento de Mercury en dos frases
Mercury · aviso de evento · ver en posts.design

Qué tomamos: un evento dicho en dos frases y nada más, sin botón ni adornos.

Banner de Tenor con el texto a la derecha
Tenor · banner de perfil · ver en posts.design

Qué tomamos: el texto a la derecha, porque la foto tapa abajo a la izquierda.

Descargas

Todo el kit, en un clic o por red.

Cada HTML se abre en el navegador y se edita ahí mismo.

Kit completo

Todo lo de esta página.

Descargar ZIP

Instagram

Posts, historias y carrusel con su PDF.

Descargar ZIP

LinkedIn

Los dos banners, en PNG y HTML.

Descargar ZIP

YouTube

Banner, plantilla y cuatro miniaturas.

Descargar ZIP

Avatar y favicon

El símbolo en SVG y PNG.

Descargar ZIP