01 · Paleta

Seis colores. Un tono.

Seis colores con un nombre corto cada uno. Usamos siempre esos nombres para hablar de la paleta. Haz clic en un color para copiar su código HEX.

Cuánto se usa cada color

Proporción aproximada en una pieza típica. Bordó 7%, Índigo 3%.

Eggshell 45%
Tinta 20%
Cuero 15%
Oliva 10%
7%
Fondos: Eggshell o Blanco. Acentos: Cuero o Oliva, donde quieres que miren. Profundidad: Bordó para bloques premium. Blanco (#FFFFFF): solo utilitario. Subtítulos de video y tarjetas web. No es color de marca.
02 · Roles

Cada color tiene un trabajo.

Eggshell

Fondo principal

El fondo por defecto. Da aire y no cansa la vista.

  • Fondos de post, web y flyers
  • Texto claro sobre Tinta, Bordó o Cuero

Cuero

Identidad y acento

El color que identifica a la marca. Siempre con texto claro encima.

  • Como fondo oscuro: posts, carruseles, portadas e historias. Texto en Eggshell.
  • Como acento: botones, resaltados y la palabra clave de un subtítulo.
  • Como acento va sobre Eggshell. Como fondo, el acento pasa a ser Oliva o Eggshell.

Oliva

Acento cálido

Aporta calidez y cercanía en dosis chicas o como segundo fondo oscuro.

  • Cajas de subtítulo, stickers, tarjetas
  • Texto claro encima, nunca Tinta

Tinta

Texto y fondo oscuro

El color que ordena todo. Da contraste y un aire editorial.

  • Color de texto principal sobre Eggshell
  • Fondo oscuro para reels y piezas de noche

Bordó

Fondo premium

Da peso. Reservado para lo que tiene que sentirse de alto valor.

  • Propuestas, precios y casos de éxito
  • Bloques de sección en la web

Índigo

Soporte

Nunca protagonista. Solo para información secundaria.

  • Fechas, metadatos y bordes
  • Texto chico solo sobre Eggshell o blanco
03 · Tipografía

Dos fuentes. Nada más.

Big Shoulders es la voz fuerte: títulos y frases cortas. Manrope explica y guía: todo lo que se lee de corrido, los eyebrows y los CTAs. Las dos son gratis en Google Fonts. Si alguna no aparece en Canva, se sube desde el Brand Kit.

TítulosGoogle Fonts · gratis
Big Shoulders
Aa Bb Cc Ññ 0123
Regular 400 SemiBold 600 ExtraBold 800

Titulares, números grandes, subtítulos de video, logo y cualquier frase corta que tenga que frenar el scroll.

Descargar Big Shoulders ↗
TextoGoogle Fonts · gratis
Manrope
Aa Bb Cc Ññ 0123
Regular 400 Medium 500 SemiBold 600 Bold 700

Párrafos, captions, descripciones, eyebrows, CTAs, propuestas y todo lo que se lee más de dos líneas.

Descargar Manrope ↗
Cómo instalarlas
  1. Abre el enlace de cada fuente. Se abre su página en Google Fonts.
  2. Toca Get font y después Download all. Se descarga un .zip.
  3. Descomprime el .zip y abre la carpeta static. Instala los archivos .ttf con doble clic.
  4. En Canva, si no aparecen, súbelas desde Brand Kit › Fuentes.

Las dos fuentes son gratis y de licencia abierta (OFL). Se pueden usar en piezas comerciales y para clientes.

Nuevo caso de éxitoCómo cobrar tu primer UGC

Las mayúsculas no son una tercera fuente. Son las mismas dos fuentes escritas en mayúscula. Los eyebrows (las etiquetas chicas sobre los títulos, como “03 · TIPOGRAFÍA” en este brief) son Manrope Bold con espaciado extra. Las miniaturas y portadas son Big Shoulders ExtraBold. Los dos casos están en la jerarquía de abajo.

Jerarquía con ejemplos

TitularBig Shoulders 800 · Web 56–96px · Post 90–120px · Interlineado 1.0
Tu marca, contada por gente real.
SubtítuloBig Shoulders 800 · Web 32–48px · Post 56–72px · Interlineado 1.05
Así trabajamos con cada creador
DestacadoBig Shoulders 600 · Web 20–24px · Post 40px · Interlineado 1.2
Primera entrega en 48 horas.
TextoManrope 400 · Web 16–18px · Post 28–32px · Interlineado 1.5
Elegimos creadores que ya hablan como tu cliente. Les damos una guía clara y libertad para grabar. El resultado se siente como una recomendación de un amigo.
Texto secundarioManrope 400 · 13–14px · En Índigo solo sobre Eggshell o blanco
Publicado el 12 de octubre · Categoría Beauty · 3 min de lectura
EyebrowManrope 700 · Web 11–13px · Post 24–28px · Todo en mayúsculas · Espaciado +14% · Máx. 5 palabras. Va siempre arriba de un título.
03 · TipografíaDos fuentes. Nada más.
Caso de éxito · BeautyDe 0 a 40 ventas en una semana
Para marcas que quieren venderTu producto en manos reales.
Titular en mayúsculasBig Shoulders 800 · Solo miniaturas de YouTube y portadas de reel · Máx. 6 palabras
Cómo cobrar tu primer UGC
CTA (llamado a la acción)Manrope 600 · Web 15–16px · Post 32–40px · Solo la primera letra en mayúscula · Verbo + qué pasa, máx. 4 palabras.
Ver creadoresPrincipal · fondo Tinta
Agenda una llamadaDestacado · fondo Cuero
Cómo trabajamosSecundario · solo borde
Ver todos los casos →Enlace de texto · subrayado
Escríbenos por DMEn posts e historias · fondo Oliva
Así sí y así no (CTAs)El CTA dice exactamente qué pasa al tocarlo.
SíVer creadoresPedir cotizaciónGuárdalo para después
NoCLICK AQUÍMás infoEnviar
Cita o testimonioBig Shoulders 600 · 20–28px · Comillas latinas o curvas
“Vendimos todo el stock en una semana. Nadie sintió que era un anuncio.”Laura P. · Marca de skincare (testimonio de ejemplo)
Subtítulo de videoBig Shoulders 800 · 60–72px en 1080×1920 · Máx. 4 palabras por línea
Esto me cambió la rutina

Eyebrow, título y CTA juntos

Los tres casi siempre aparecen en este orden. Así se ven en cada lugar.

ServiciosVideos que venden sin parecer anuncios.Ver planes

Web. Eyebrow “SERVICIOS” en Índigo. CTA principal en Tinta.

Tip 03 · HooksEl hook va en los primeros 2 segundos.Guárdalo para después

Post sobre Cuero. Eyebrow y título en Eggshell. CTA en Tinta.

Casting abiertoBuscamos creadores de comida.Escríbenos por DM

Historia sobre Tinta. Eyebrow en Eggshell atenuado. CTA en Oliva.

Propuesta · OctubrePlan Colaboración: 4 videos al mes.Aceptar propuesta

Propuesta sobre Bordó. Eyebrow en Eggshell atenuado. CTA en Cuero.

Cómo se combinan en cada formato

Post 1080 × 1080
Tip 03
El hook va en los primeros 2 segundos.
Si no engancha rápido, el resto del video no existe.
  • Titular: Big Shoulders 800, 90–120px
  • Texto: Manrope 400, 28–32px
  • CTA: Manrope 600, 32–40px
  • Máximo 15 palabras en total
Reel / TikTok 1080 × 1920
Lo probé 30 días
  • Subtítulos: Big Shoulders 800, 60–72px
  • Una palabra clave resaltada
  • Ubicación: tercio medio, lejos de la UI
Sitio web
Servicios
Videos que venden sin parecer anuncios.
Creadores seleccionados, guiones y edición.
Ver planes
  • H1: Big Shoulders 800, 56–96px
  • Párrafos: Manrope 400, 17px
  • Eyebrow 700 y CTA 600, 15px
  • Ancho de texto: máx. 65 caracteres
Flyer A5 impreso
Contenido en manos reales.
UGC para reseñas, unboxing y rutinas.
simplyandy.com
  • Titular: Big Shoulders 800, 36–48pt
  • Texto: Manrope 400, 10–11pt
  • Eyebrow: Manrope 700, 8pt
  • CTA: Manrope 600, 11pt
Máximo 3 tamaños por pieza. Eyebrow, titular y texto alcanzan. El CTA usa el tamaño del texto.
Titulares cortos. Una idea por frase, idealmente menos de 8 palabras.
Alineado a la izquierda. Centrado solo en subtítulos de video y portadas.
Mayúsculas con moderación. Solo en eyebrows y miniaturas. Nunca en CTAs. Nunca en párrafos.
Sin cursivas ni subrayados. Para destacar se usa el resaltado de color.
No mezclar con otras fuentes. Si falta una, se usa Arial como respaldo.
04 · Esquinas y resaltados

Esquinas suaves, siempre iguales.

Todas las piezas usan las mismas esquinas redondeadas. Así la marca se reconoce aunque cambie el color. Hay dos reglas: una para resaltar palabras y una escala para cajas, botones y tarjetas.

El resaltado

Para destacar una palabra se pasa un trazo de color por debajo, como un resaltador real, dejando la letra con su color normal encima. Nunca subrayado, nunca negrita extra, nunca un fondo sólido que tape la palabra: el trazo cubre solo la parte baja de la letra.

Ventas realesLetra 24px
Ventas realesLetra 48px
Ventas realesLetra 72px

Cómo se arma

DóndeTamaño de letraGrosor del trazo
Texto web16px42% de la línea
Destacado web24px42% de la línea
Titular web72px42% de la línea
Subtítulo de video64px42% de la línea
Titular de post 1080110px42% de la línea

Color del resaltado según el fondo

Ventas realesSobre Eggshell: Cuero
Ventas realesSobre Tinta: Cuero
Ventas realesSobre Cuero: Eggshell
Ventas realesSobre Bordó: Cuero
Ventas realesSobre Eggshell: Terracota
Ventas realesSobre Tinta: Terracota
Ventas realesSobre Terracota: Eggshell
Ventas realesSobre Índigo: Terracota

En Canva: selecciona la palabra, ve a Efectos y elige Sombra o Fondo con imagen para simular el trazo, posicionado solo en la parte baja de la letra, nunca cubriéndola entera.

Escala de esquinas

Cinco medidas y ninguna más. El primer valor es para web. El segundo es para posts e historias de 1080px, que se ven a la mitad de tamaño en el teléfono.

XS6px · post 12px

Muestras de color, casillas y miniaturas muy chicas.

S10px · post 20px

Cajas de subtítulo, rótulos, testimonios y campos de formulario.

M16px · post 32px

Tarjetas, fotos y miniaturas en la web.

L24px · post 48px

Paneles grandes y bloques de color en la web.

PillCompleto · 999px

Botones (CTAs), chips y etiquetas de categoría.

Una caja dentro de otraLa de adentro baja un paso. Tarjeta M con foto S adentro.
Botones siempre PillTodos los CTAs son redondos en los extremos. Nunca cuadrados.
Sin esquinas rectasSalvo la foto que ocupa toda la pieza, todo lleva esquina.

Así sí y así no

✓ SíVentas reales
✕ NoVentas reales

Trazo bajo la letra, con su color normal encima. Un fondo sólido tapando la palabra entera es el resaltado de otra marca, no el nuestro.

✓ SíVer creadores
✕ NoVer creadores

Botón Pill. Un botón cuadrado parece de otra marca.

✓ Sí
✕ No

Elementos del mismo tipo con la misma esquina. Mezclar medidas se ve descuidado.

05 · Contraste

Qué texto va sobre qué fondo.

Cada celda muestra texto de un color (fila) sobre el fondo de otro (columna). Incluye el Blanco porque lo usamos en subtítulos y tarjetas web. Calculado con el estándar de accesibilidad WCAG.

AAA Se lee perfecto AA Se puede usar en cualquier tamaño Solo títulos Solo en 24px o más ✕ Evitar No se lee bien El rojo y el amarillo solo se usan en este brief para marcar errores. No son colores de marca.

Combinaciones a evitar

Todas las combinaciones de la paleta que no pasan el mínimo. Si una pieza tiene alguna de estas, hay que cambiarla.

Solo para títulos grandes

Se leen en tamaño grande, pero no sirven para párrafos, captions ni etiquetas.

06 · En acción

Cambia el tema, mira todo.

Cuatro combinaciones de color listas para usar. Elige una y todas las piezas cambian a la vez. El nombre y el titular se editan al inicio de la página. Las cifras y los nombres son de ejemplo.

Sitio web · Hero1440 × 900
simplyandy.com

Contenido real, sin filtro.

Conectamos marcas con creadores que hablan como tu cliente. Videos que se sienten recomendación, no publicidad.

Ver creadoresCómo trabajamos
Beauty
Food
+120creadores activos
3.4xROAS promedio
48hprimera entrega
Post Instagram1080 × 1080
Nuevo caso

Contenido real, sin filtro.

@__simplyandy01/05
♡ 2.418·Guardar para después
Reel / TikTok9:16
UGC0:12
@__simplyandy
FlyerA5
Para marcas que quieren vender

Tu producto en manos reales.

  • Videos UGC para ads
  • Unboxing y reseñas
  • Testimonios en cámara
  • Guiones y hooks
Simply Andy
@__simplyandy
Carrusel educativo1080 × 1350
Guía rápida

3 errores que matan tu anuncio UGC

Desliza →
01

El hook tarda más de 2 segundos

El scroll no espera.
02

El creador lee un guion

Se nota. Y se pierde la confianza.
Miniatura YouTube1280 × 720

Cómo cobrar tu primer UGC

12:48
07 · Video

Movimiento con la misma voz.

En video la paleta aparece en capas: subtítulos, rótulos, transiciones y cierre. Hay cinco combinaciones. Elige una por video y no la cambies a mitad. Estas combinaciones son para el contenido propio de la marca.

Toma:

Esto me cambió
la rutina

Subtítulo dinámico

“Lo probé 30 días y te cuento”

Subtítulo en caja

Sofía M.Creadora · Beauty

Rótulo (lower third)

Transición en barras

Simply Andy@__simplyandy

Cierre de marca

08 · Errores de color

Cómo no usar los colores.

Los doce errores más comunes con esta paleta. Cada tarjeta arranca en el error. Haz clic en Sí para ver cómo se corrige, o deja que alternen solas.

Contenido real.
Un acento guía la mirada.
Contenido real.
Un montón de acentos.
Un solo acento por piezaCuero o Oliva. No los dos.Tres acentos compiten y nada destaca.
Tip 03
El hook va primero.
Texto Eggshell sobre Cuero.
Tip 03
El hook va primero.
Índigo sobre Cuero. No se lee.
Índigo sobre colorSobre Cuero el texto va en Eggshell.El Índigo se lava sobre cualquier acento oscuro.
Propuesta
Plan Colaboración
Texto claro sobre Bordó.
Propuesta
Plan Colaboración
Tinta sobre Bordó.
Tinta sobre BordóSobre Bordó el texto va en Eggshell.Tinta sobre Bordó se funde.
Ventas reales.
Resaltado de fondo.
Ventas reales.
Texto suelto, sin relleno.
Cuero como texto sueltoCuero como resaltado, con texto Eggshell encima.Sin el relleno se pierde el efecto de marca.
“Lo probé 30 días”
Oliva en una caja.
“Lo probé 30 días”
Todo Oliva.
Oliva como fondo completoOliva en cajas y detalles, sobre Eggshell.De fondo completo aplana todo.
Casting abierto
Escríbenos
Casting abierto
Escríbenos
Cuero en todoSi el fondo es Cuero, el acento es Eggshell o Tinta.Botón y resaltado del mismo color que el fondo desaparecen.
Nuevo caso
Ver caso
El Eggshell ancla la pieza.
Nuevo caso
Ver caso
Sin Eggshell que ordene.
Cuero y Oliva solosSiempre con Eggshell para ordenar.Dos acentos oscuros juntos sin Eggshell se ven confusos.
Casting abierto
Escríbenos por DM
Casting abierto
Escríbenos por DM
Colores planosUn fondo sólido por pieza.Degradados que mezclan la paleta se ven baratos.
Oferta de lanzamiento
Pedir cotización
Oferta de lanzamiento
Pedir cotización
Colores inventadosSolo los seis HEX de la paleta.Un rojo o un azul "porque sí" rompen la marca.
#864C24 · #61603A · #51091B
Más saturados. Ya no son la marca.
Variaciones de tonoLos HEX exactos, sin ajustar saturación.Un Cuero más saturado ya es otro color.
Nuevo video
Nuevo video
TransparenciasColores sólidos, al 100%.Cuero al 40% sobre una foto se ve sucio.
Me encantó la textura
Me encantó la textura
Nuestra paleta en piezas de marcaEn videos para colaboraciones: subtítulos neutros o los colores de la marca.La marca del brief no se tapa con la nuestra.
09 · Reglas generales

Lo que sí. Lo que no.

Reglas de fotos, espacio y texto. Cada tarjeta muestra la forma correcta y el error más común. Haz clic en Sí o No para fijar una.

Luz cálida y natural
Filtro frío y azulado
Fotos de creadoresLuz de ventana, tonos de piel cálidos.Filtros fríos chocan con la paleta.
Servicios
Videos que venden.
Ver planes
Servicios · UGC · Ads · Reels · TikTok
Videos que venden, reseñas, unboxing, testimonios y mucho más
Precios · Envíos · Garantía · Soporte 24/7
Ver planes
Contacto
Más
Mucho espacio vacíoUna idea y un CTA por pieza.Llenar cada rincón hace que nada se lea.
Elegimos creadores que ya hablan como tu cliente. Les damos una guía clara y libertad para grabar.
Elegimos creadores que ya hablan como tu cliente. Les damos una guía clara y libertad para grabar.
Texto largo legibleTinta sobre Eggshell, tamaño cómodo.Índigo chico sobre Oliva cuesta leerlo.
Mi rutina de 5 minutos
Mi rutina de 5 minutos
Texto sobre fotosCon caja de color o sobre una zona lisa.Texto directo sobre una foto con detalle se pierde.
Lo probé 30 días
Lo probé 30 días
Subtítulos en zona seguraEn el tercio medio, lejos de botones y descripción.Abajo del todo los tapa la interfaz de TikTok.
¿Buscas contenido real?
Trabajemos juntos
¿Buscas contenido real?
Trabajemos juntos
Ver casos
Seguir
Llamar
Un solo CTAUna acción clara por pieza.Tres botones y la persona no toca ninguno.
Cómo trabajamos
Te mandamos una guía, el creador graba y en 48 horas tienes el primer video.
Te mandamos una guía, el creador graba y en 48 horas tienes el primer video.
Mayúsculas en su lugarMayúsculas solo en eyebrows y miniaturas.Un párrafo en mayúsculas se lee como un grito.
Nuevo caso de éxito
Una marca de skincare vendió todo su stock.
Nuevo caso de éxito
Una marca de skincare vendió todo su stock.
Tipografía de la marcaSolo Big Shoulders y Manrope.Otras fuentes rompen la voz de la marca.
11 · Firma

Tu firma de correo, editable.

Elegí una combinación aprobada o tocá cada color por separado — solo con los siete colores de esta paleta, ninguno fuera de ella — mirá el resultado en tamaño real y copiala o descargala lista para usar.

Cómo usarla: en Gmail, andá a Configuración → Ver todos los ajustes → Firma, creá una firma nueva y pegá con "Copiar para pegar en Gmail". Si tu cliente de correo pide un archivo, usá "Descargar HTML" e importalo desde ahí.

Ver el código

        

          
          
          
          

        

      

      

        

          
Combinaciones aprobadas

          
Aplican todos los colores de una vez

          

        

        

          
Logo (esquina superior)

          
El isotipo "andy" chico, junto al nombre

          

          

          

        

        

          
Nombre y contacto

          

          

          

          

          

        

        

          
Fondo de la vista previa

          
Solo para mirar el contraste, no se exporta

          

            
            
            
          

        

      

    

  










Copiado