Directives de Marque

Tout ce dont vous avez besoin pour représenter Spoki de manière cohérente.

Formats

Directives pour créer des images et vidéos on-brand sur le social, le web et le print. Suivez les specs de format, la grille, le dimensionnement du logo et les zones de sécurité pour garder chaque asset cohérent.

Formats

Utilisez le bon ratio pour chaque emplacement. Exportez toujours en 2× pour les écrans retina.

4:5

Instagram Feed

Ratio d'aspect · 4:5

Posts feed et carrousels

1:1

Ads

Ratio d'aspect · 1:1

Publicités carrées en feed et emplacements

9:16

Stories & Reels

Ratio d'aspect · 9:16

Stories, couvertures Reels et ads verticales

16:9

Horizontal 16:9

Ratio d'aspect · 16:9

Miniatures YouTube, web et présentations

3:2

Horizontal 3:2

Ratio d'aspect · 3:2

Posts paysage et exports photo

Grille

Utilisez une grille 12 colonnes avec gouttières de 24px. Gardez les éléments clés dans les 86% centraux du cadre; laissez les 7% extérieurs comme espace de respiration.

Instagram Feed

4:5 · 1080 × 1350 px

Utilisez la marge extérieure comme espace de respiration. Alignez le contenu sur les colonnes et utilisez les tiers horizontaux pour créer une hiérarchie équilibrée.

Taille du logo dans le format

  • En haut à droite
  • Largeur de 3 colonnes

Guide de style

  • Grille de 12 colonnes présentée en 4 groupes visuels de 3
  • Marge extérieure de 7 %
  • Gardez le texte, les logos et les visuels clés dans la grille verte

Zone de réserve

Gardez tout le texte et visuels clés dans la zone de sécurité — 64px de chaque bord en formats standard, 120px sur stories. Tout ce qui est hors zone de sécurité peut être coupé sur différents appareils.

Évitez le texte ici (135px)
Zone sûre
Évitez le texte ici (135px)

Conventions de la zone sûre

Instagram Feed

4:5 · 1080 × 1350 px

Utilisez le 4:5 pour les posts feed individuels et les carrousels. Gardez texte et logo dans la zone sûre — l'UI de la plateforme peut rogner les bords sur les petits écrans.

Guide de style

  • Gardez le texte hors des zones rouges pour une visibilité maximale
  • Placez la majorité du texte dans la zone sûre pour faciliter la lecture