Communication

Templates d'affiches, formats print et digital pour les événements Swellr.

Affiches événement

Deux variantes d'affiches A4 (595×842px) reproduites à 50%. Fond gradient ocean, typographie blanche, logo Swellr en bas.

Affiche Événement
13/03/26
13:30
Événement surf • Biarritz
LOREM
IPSUM
Grande compétition de longboard
Côte Basque — Plage de la Grande Plage
Rejoignez la communauté Swellr pour une journée de surf,
de musique et de partage. Accès libre, inscription obligatoire.
Toutes conditions de houle acceptées.
Avec Swellr, vous savez, où surfer, quand surfer, et avec qui.
Rendu à 50% — Format réel : 595×842px (A4)
Bordure décorative teal semi-transparent aux 4 coins
Effet glass (backdrop-filter blur) sur le pied de page
Affiche Générique
Session surf
Surfez
Plus Fort,
Vivez Mieux.
Conditions optimales ce weekend sur toute
la côte Atlantique. Swells 1.5m — 2.2m,
période 12s. Vent faible favorable.
08:00
Session matinale
Plage de Lacanau — Gironde
Avec Swellr, vous savez, où surfer, quand surfer, et avec qui.
Variante épurée — titre aligné à gauche
Grande heure en bas à gauche, logo en bas à droite
Gradient marine profond, sans surcharge visuelle
Titre affiche
LOREM IPSUM
Manrope ExtraBold 48–56px réel #FFFFFF
Sous-titre
Grande compétition de longboard
Inter Regular 18px réel rgba(255,255,255,.80)
Corps texte
Rejoignez la communauté Swellr pour une journée de surf et de partage.
Inter Regular 13px réel rgba(255,255,255,.70)

Formats disponibles

Tous les formats de sortie — print et digital — pour les communications Swellr. Les prévisualisations sont représentées à l'échelle relative.

A4 Portrait
210 × 297 mm
595 × 842 px
Affiches événement, flyers, communication presse
A5 Paysage
148 × 210 mm
420 × 595 px
Flyers distribués, menus de spots, cartons d'invitation
Instagram Post
Format 1:1
1080 × 1080 px
Publications feed Instagram, visuels événement, annonces
Instagram Story
Format 9:16
1080 × 1920 px
Stories événement, avant-premières, live surf, météo
Facebook Cover
Paysage large
1640 × 856 px
Couverture page Facebook, bannière événement, header groupe

Règles pour les affiches

Conventions typographiques, couleurs et zones de sécurité à respecter systématiquement pour toutes les communications Swellr.

Principe fondateur : Sur fond photo ou gradient sombre, toujours utiliser du blanc pur (#FFFFFF) pour les titres et du blanc à 80% (rgba 255,255,255,0.80) pour les textes secondaires. Le logo est toujours en bas, en version blanche.
🔤
Police titre
Toujours utiliser Manrope Bold ou ExtraBold pour les titres d'affiches. La graisse minimum pour un titre sur fond sombre est 700. Préférer 800 pour les titres principaux grand format.
font-family: 'Manrope', sans-serif;
font-weight: 700 | 800;
font-size: 48–56px (A4 réel)
📝
Corps de texte
Utiliser Inter Regular (400) pour le corps. La taille minimale sur affiche est 13px (réel). Pour les sous-titres, Inter Regular 18px blanc à 80%. Éviter l'italique sauf pour les taglines.
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 13–18px (réel)
🎨
Couleurs sur fond sombre
Sur fond photo ou gradient océan, utiliser exclusivement : blanc pur pour les titres, blanc 80% pour les sous-titres, blanc 70% pour le corps, et #05b8c8 (teal clair) pour les accents et eyebrows.
Titre : #FFFFFF (blanc pur)
Sous-titre: rgba(255,255,255,0.80)
Corps : rgba(255,255,255,0.70)
Accent : rgba(2, 200, 215, 0.90)
📐
Zone de sécurité
Respecter une marge minimale de 40px (réel) sur chaque côté de l'affiche. Aucun texte ou élément critique ne doit entrer dans cette zone. Les bordures décoratives se placent à l'intérieur de cette zone de sécurité.
Zone de sécurité : 40px (réel)
= 20px rendu à 50%
Bordure déco : dans la zone (12px)
🏷️
Logo en bas
Le logo Swellr doit toujours apparaître en bas de l'affiche. Version blanche uniquement sur fond sombre. Accompagné de la tagline en option. Taille minimale : 24px de hauteur (version logomark + texte).
Position : bas de page
Version : blanc sur fond sombre
Taille min : 24px hauteur (réel)
✨
Effets autorisés
Le backdrop-filter blur est autorisé pour les éléments UI superposés sur fond photo (bandes d'information, pied de page glass). Les dégradés doivent rester dans la palette officielle ocean. Les ombres portées sont interdites sur le logo.
backdrop-filter: blur(12px);
bg: rgba(5, 27, 36, 0.45);
border: 1px solid rgba(255,255,255,0.10)

Déclinaisons réseaux sociaux

Mockups des formats sociaux — Post Instagram carré et Story verticale. Les visuels reprennent les codes graphiques des affiches A4.