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