Directrices de Marca

Todo lo que necesitas para representar a Spoki de forma coherente.

Formatos

Directrices para crear imágenes y vídeo on-brand en social, web e impresión. Sigue las especificaciones de formato, el sistema de retícula, el tamaño del logo y las áreas de seguridad para mantener cada asset consistente.

Formatos

Usa la proporción correcta para cada ubicación. Exporta siempre a 2× para pantallas retina.

4:5

Instagram Feed

Relación de aspecto · 4:5

Posts de feed y carruseles

1:1

Ads

Relación de aspecto · 1:1

Anuncios cuadrados en feed y placements

9:16

Stories & Reels

Relación de aspecto · 9:16

Stories, portadas Reels y anuncios verticales

16:9

Horizontal 16:9

Relación de aspecto · 16:9

Miniaturas YouTube, web y presentaciones

3:2

Horizontal 3:2

Relación de aspecto · 3:2

Posts apaisados y exportaciones fotográficas

Retícula

Usa una retícula de 12 columnas con canales de 24px. Mantén los elementos clave dentro del 86% central del frame; deja el 7% exterior como espacio de respiración.

Instagram Feed

4:5 · 1080 × 1350 px

Usa el margen exterior como espacio de respiración. Alinea el contenido a las columnas y utiliza los tercios horizontales para construir una jerarquía equilibrada.

Tamaño del logo en el formato

  • Arriba a la derecha
  • Ancho de 3 columnas

Guía de estilo

  • ✓Retícula de 12 columnas mostrada en 4 grupos visuales de 3
  • ✓Margen exterior del 7%
  • ✓Mantén texto, logos y visuales clave dentro de la retícula verde

Espacio de reserva

Mantén todo el texto y visuales clave dentro del área de seguridad — 64px desde cada borde en formatos estándar, 120px en stories. Cualquier cosa fuera del área de seguridad puede cortarse en diferentes dispositivos.

Evita texto aquí (135px)
✓ Zona segura
Evita texto aquí (135px)

Convenciones del área segura

Instagram Feed

4:5 · 1080 × 1350 px

Usa 4:5 para posts individuales en el feed y carruseles. Mantén texto y logo en la zona segura — la UI de la plataforma puede recortar los bordes en pantallas pequeñas.

Guía de estilo

  • ✓Mantén el texto fuera de las zonas rojas para obtener la máxima visibilidad
  • ✓Coloca la mayor parte del texto en la zona segura para facilitar la lectura