La bible visuelle
Brand Guidelines
Identité de marque
Positionnement
"Le Premier Réseau d'Hospitalité Relationnelle où l'Apéritif devient Art de Vivre"
Live
Music
Live
Food
Live
People
Live
Art
Tonalité de marque
Tone of voice pour les réseaux : minimal, soulful, cinématographique. Rythme lent, textures, répétitions. Chaque post doit être un fragment de souvenir.
Vocabulaire de marque
À utiliser
À éviter
Logo & Signature
Une signature, pas un logo. Geste rapide, instinctif, comme une trace laissée après une soirée d'été.
Déclinaisons — Dimensions, formats et définition
| Usage | Dimensions | Format |
|---|---|---|
| Favicon / onglet navigateur | 32×32 / 16×16 | ICO, PNG |
| Avatar réseaux sociaux | 320×320 | PNG (fond transparent) ou JPG |
| Header site web | 250×80 (max) | SVG (idéal) ou PNG |
| Signature email | 300×100 | PNG |
| Bannière Facebook | 820×312 | PNG ou JPG |
| Bannière LinkedIn | 1584×396 | PNG ou JPG |
| Bannière IG (story highlight) | 161×161 | PNG |
| Open Graph / partage liens | 1200×630 | JPG ou PNG |
| Print (carte de visite, flyer…) | Vectoriel | AI, EPS, PDF vectoriel |
Règle générale : toujours exporter depuis le fichier source vectoriel (AI/SVG). Pour le web : 72 dpi, espace colorimétrique sRGB. Pour le print : 300 dpi minimum, espace CMJN.
Fichiers sources : GoogleDrive → [email protected] → Drive partagés → Marketing → Brand Guidelines → Logo → Originaux
Formats : AI, SVG (sources) + PNG, JPG, PDF (exports)
Palette de couleurs
Cliquez sur une couleur pour copier son code HEX. Codes à confirmer par Didier.
Couleurs primaires
Vert Sauge
Connexion à la nature, apaisement, ancrage
Beige Sable
Chaleur, authenticité, élégance discrète
Bleu Profond
Sophistication, confiance, sérénité
Couleurs secondaires
Terracotta
Convivialité, chaleur méditerranéenne
Ocre Doré
Moments précieux, lumière du sud
Gris Pierre
Élégance intemporelle
Corail
Énergie, accent visuel, appel à l'action
Règles d'utilisation
Dominante : tons naturels (beige, vert sauge)
Accents : bleu profond et terracotta pour éléments importants
Touches : ocre doré pour moments d'exception
Piliers : orange = musique, bleu = food (à valider avec Didier)
Définir la palette complète avec tous les codes couleur
Couleur(s) primaire(s) — la couleur signature d'Aston Ish. Couleur(s) secondaire(s) — complémentaires pour accents et contrastes. Couleurs neutres — noir, blanc, gris pour fonds et textes. Couleur(s) d'alerte / CTA — pour boutons, liens, éléments interactifs.
Documenter chaque couleur
Pour chaque couleur : nom interne, code HEX, usage principal. Voir le tableau de référence ci-dessous.
Définir les combinaisons autorisées et interdites
Combinaisons fond/texte avec ratio de contraste WCAG AA minimum (4.5:1 pour texte, 3:1 pour grands titres). Tester avec Contrast Checker (webaim.org).
Créer les variantes de teintes
Pour chaque couleur principale, définir 3 à 5 nuances (10 %, 25 %, 50 %, 75 %, 100 %). Utile pour dégradés, fonds légers, états hover, backgrounds de sections.
Modèle de documentation couleur
| Couleur | Nom interne | HEX | Usage principal |
|---|---|---|---|
| 🟦 | ex: Aston Blue | #______ | Logo, titres, CTA |
| 🟧 | ex: Sunset Gold | #______ | Accents, icônes |
| ⬛ | ex: Deep Black | #______ | Texte principal |
| ⬜ | ex: Off White | #______ | Fonds, espaces |
| 🟩 | ex: Action Green | #______ | Boutons, liens |
Typographie
Titre principal — Paradine / Script
Let there be sound
Dancing Script (web) / Paradine (print). Utilisé pour les accroches et moments poétiques.
Sous-titres — DIN Condensed / Oswald
SAVE THE DATE
Oswald (web) / DIN Condensed (print). Uppercase, bold, pour les titres de section et CTAs.
Corps de texte — DM Sans
Une nuit hors du temps, à la croisée de la musique live, de la création culinaire et de la scénographie immersive.
DM Sans pour le body text. Clean, lisible, moderne sans être froid.
Texte narratif — Cormorant Garamond
Quand la lumière décline sur les marais salants, que les premières notes s'élèvent, le temps suspend son vol.
Cormorant Garamond pour les citations et textes narratifs longs.
Iconographie & Images
Registre "Léché"
Photos d'Adrien : composition travaillée, traitement soigné. Cabane, coucher de soleil, drone, planche avec feu.
Registre "Brut de décoffrage"
Stories spontanées par Anna et l'équipe. Noir et blanc, gros grain, ralenti. Backstage, préparation, surf.
Ambiance recherchée
- Lumière naturelle, dorée, golden hour
- Profondeur de champ pour l'intimité
- Grain léger pour l'authenticité
- Couleurs riches mais naturelles
À éviter
- Photos surexposées
- Mises en scène trop apprêtées
- Foules
- Éléments artificiels
| Usage | Dimensions | Format |
|---|---|---|
| Hero image (landing page) | 1920×1080 | JPG ou WebP |
| Image section landing | 1200×800 | JPG ou WebP |
| Post Instagram (feed carré) | 1080×1080 | JPG ou PNG |
| Post Instagram (portrait) | 1080×1350 | JPG ou PNG |
| Story Instagram / WhatsApp | 1080×1920 | JPG ou PNG |
| Bannière newsletter | 600×300 | JPG ou PNG |
| Image blog / article | 1200×675 (16:9) | JPG ou WebP |
| Miniature vidéo | 1280×720 | JPG ou PNG |
| Print flyer A5 | 1748×2480 | TIFF ou PDF |
| Print affiche A3 | 3508×4961 | TIFF ou PDF |
Optimisation web : privilégier le format WebP quand le support le permet (gain ~30 % vs JPG). Toujours compresser avant upload (TinyPNG, Squoosh). Conserver l'original en haute résolution dans le Drive.
Documentation & Formation
Pour que les brand guidelines vivent au-delà d'un document statique, il faut les rendre accessibles, partageables et intégrées dans le quotidien de l'équipe.
Produire le brand book via Canva
- —Exportable via PDF
- —Exemples visuels et contre-exemples
- —Version partageable avec partenaires
Créer le guide d'utilisation rapide
- —One-pager pour l'équipe
- —Accès rapide aux assets (drive, dossier partagé)
- —Process de validation des contenus
Former l'équipe aux brand guidelines
- —Session de présentation (1-2h)
- —Q&R et ajustements
- —Documentation accessible en permanence
Organiser le stockage des assets
- —Dossiers structurés (Google Drive)
- —Nomenclature des fichiers (voir section ci-dessus)
- —Versions et archivage