Ce qui rend une publication BDDD reconnaissable
Une grille de blocs est un outil neutre : ZipTek ou Big Block repeints aux couleurs BDDD ressembleraient à BDDD sans l'être. La reconnaissance ne peut donc pas venir de la grille. Elle vient de six invariants, tous déjà présents dans la charte 2021, qui apparaissent sur chaque publication quelle que soit la composition.
1. Le noir comme champ
Le noir est le sol du système. Le blanc et la couleur de direction sont des contrepoints posés sur lui, ou l'inverse quand la couleur l'exige (voir Couleurs). Jamais de noir teinté : #000000.
2. L'angle arrondi unique
Les affiches, kakémonos et flyers de la charte portent un seul grand angle arrondi sur le bloc coloré. C'est l'écho des arcs du monogramme. Dans le système, au plus un bloc par composition porte un seul angle arrondi, de rayon 1 à 3 cellules. C'est le signe le plus distinctif, et il s'anime naturellement.
3. Space Mono en étiquette
Toute métadonnée — direction, date, catégorie, territoire, numéro d'épisode — est composée en Space Mono Regular, capitales, interlettrage +60 (0,06 em). Même la publication la plus dépouillée en porte une.
4. La signature monogramme
Le monogramme BDDD® officiel, jamais recréé, posé dans un angle en un bloc 2 × 1. Le logo horizontal complet est réservé au régime réseau et aux slides de fin de carrousel.
5. La couleur qui signifie
Une couleur = une direction. Elle n'est jamais décorative. La frise complète n'existe qu'en régime réseau.
6. La baseline, toujours
« Votre succès, bien encadré » figure sur chaque publication, sans exception : en Space Mono 26 px, sur une rangée libre de la grille, à côté ou au-dessus de la signature, en noir ou en blanc selon le fond. Quand le logo horizontal complet est présent, la baseline en fait déjà partie. Le moteur la place automatiquement : une maquette sans baseline n'est pas une maquette BDDD.
Grille maîtresse, marges et zones de sécurité
La cellule est fixe : 90 px à 1080 px de large, soit 12 colonnes. Les lignes s'ajoutent selon le format. La composition ne change pas d'un format à l'autre ; seul le vide s'étire ou se compresse. La grille est sans gouttière : les blocs se touchent, la séparation vient du contraste de taille et du vide, pas des espacements.
| Support | Pixels | Grille | Zone sûre |
|---|---|---|---|
| Post 4:5 (maître) | 1080 × 1350 | 12 × 15 | Texte à 1 cellule des bords, étiquettes à 0,5 |
| Post carré, carrousel | 1080 × 1080 | 12 × 12 | idem |
| Vidéo verticale, Reels | 1080 × 1920 | 12 × 21⅓ | Lignes 2 à 18 (interfaces haut et bas) |
| Vidéo 16:9, webinaire | 1920 × 1080 | 21⅓ × 12 | Colonnes 1 à 20 |
| Bannière LinkedIn | 1584 × 396 | 48 × 12 (cellule 33 px) | Colonnes 12 à 36 (photo de profil à gauche) |
Le tiers de cellule restant des formats vidéo est un bord perdu : seuls les blocs et les photos y entrent, jamais du texte.
Aucune sous-division. Tout passe par la grille : un filet, un séparateur, un côté de cadre, une barre d'égaliseur, la signature — chacun occupe au moins une cellule entière. Une ligne est un bloc 12 × 1, pas un trait. C'est ce qui garantit que n'importe quel élément peut devenir n'importe quel autre en motion.
Modules, fusion des cellules, espaces vides
Tailles de modules et leur rôle
| Module | Rôle |
|---|---|
| 1 × 1 | Ponctuation : accent, coche, angle de cadre, signature. Jamais de texte. |
| 2 × 1 · 2 × 2 | Signature monogramme, étiquette, étape numérotée, bouton. |
| 3 × 3 | Petit portrait, chiffre secondaire, tampon, case d'agenda. |
| 4 × 4 · 3 × 6 · 4 × 8 | Bloc médian : portrait, donnée, colonne problème/solution. |
| 6 × 6 · 6 × 12 · 12 × n | Grand module : photo principale, aplat de direction, bandeau, moitié de split. |
Fusion
- Les fusions sont toujours rectangulaires. Pas de L, pas de T : un cadre en L est composé de deux rectangles.
- Deux blocs de même remplissage qui se touchent fusionnent visuellement : on les dessine donc comme un seul bloc, ou on les sépare par du vide.
- Un bloc ne chevauche un autre que dans deux cas : du texte sur une photo, et la transgression unique.
- Sept blocs visibles maximum par composition, signature, étiquette et baseline comprises.
- Les tailles présentes doivent couvrir au moins deux classes parmi petit (≤ 2), moyen (3 à 4), grand (≥ 6) — et le vide compte comme une classe.
Vide
- Au moins 30 % du format est nu. Sur un post éditorial, souvent 50 %.
- Le vide n'est jamais un cadre égal : il est poussé d'un côté, ou concentré dans un angle.
- Jamais de damier : trois blocs de même taille alignés sur une même ligne sont le maximum, et uniquement pour une séquence (étapes, dates, choix A/B).
- Ne jamais remplir une cellule « parce qu'elle est vide ». Chaque bloc a une fonction : porter une information, cadrer, faire contrepoids ou rythmer.
Hiérarchie typographique
Deux familles, conformes à la charte : Manrope (ExtraBold 800 pour les titres et chiffres, Medium 500 pour le texte courant) et Space Mono Regular, capitales, +60, exclusivement en étiquette. Aucune autre graisse, aucune italique.
L'échelle est indexée sur la cellule. Un chiffre hero occupe au moins 4 cellules de haut ; une étiquette ne descend jamais sous 24 px à 1080. Un post est lu à 380 px de large sur mobile : une cellule y mesure 32 px, ce qui fixe le plancher de lisibilité.
- Trois tailles maximum par composition, rapport ≥ 3 entre la première et la deuxième.
- Le message principal est un élément graphique : il peut occuper 6, 8, 10 cellules et déborder du format (transgression).
- Interlettrage : −0,03 em en XXL/XL, −0,02 em en L, 0 en M/S. Interlignage 0,92 en XXL/XL.
- Texte courant : 9 lignes maximum, 40 caractères par ligne maximum en M, 48 en S.
- Le texte se pose sur noir, sur blanc ou sur la couleur de direction selon sa classe de contraste (section 07). Jamais de texte sur dégradé, jamais sur photo sans voile noir à 45 %.
Couleurs : neuf directions, trois classes, trois régimes
Les valeurs sont celles de la frise actuelle des 9 directions. Aucune autre couleur n'existe : pas de teinte, pas de nuance, pas de gris intermédiaire hors du gris réseau. Le tableau est calculé : chaque couleur reçoit une classe de contraste qui décide, mécaniquement, comment elle se pose.
Le gris corporate #6E7472 est réservé au régime réseau : bloc neutre, fond de mosaïque, jamais en régime mono ou multi.
Frise : ordre proposé Commerciale · Générale · Stratégie · Marketing · Admin & Financière · RH · Transition Écologique · Export · Achats, soit l'ordre historique de la charte prolongé par les trois directions récentes. À valider.
Dégradés : uniquement d'une couleur de direction vers le noir (ou vers la transparence sur photo). Jamais entre deux couleurs hors régime réseau, jamais sous du texte.
Comportement des photographies
Le système fonctionne sans photo. Quand il y en a une, elle occupe un module de la grille comme n'importe quel bloc, et elle n'est jamais le rectangle central par défaut. Les personnes réelles restent au cœur de BDDD : la géométrie construit l'environnement autour d'elles, elle ne les remplace pas.
- Grand module — 12 × 9, 8 × 8, 6 × 12 : la photo est le sol, les blocs se posent dessus ou en dessous.
- Carré — 3 × 3, 4 × 4, 6 × 6 : portrait cadré serré, toujours aligné sur la grille.
- Mosaïque — 3 à 5 photos de tailles différentes, jamais toutes égales, avec au moins un module couleur et un module vide.
- Derrière / devant — un bloc couleur ou noir passe devant la photo ; le texte ne se pose sur la photo qu'avec un voile noir à 45 %.
- Duotone — noir + couleur de direction, réservé au régime mono. Jamais de duotone multicolore.
- Détourage — un portrait détouré qui traverse la grille est la transgression unique de la composition ; rien d'autre ne sort.
- Plein cadre — photo 12 × 15 sous un voile noir, avec modules graphiques et cadre par-dessus.
- Photos couleur en régime réseau et pour la vie du réseau ; noir et blanc dès qu'un chiffre ou une citation doit dominer.
- Les photos des maquettes ci-dessous sont des substituts abstraits : les vraies photos prendront exactement leur place dans la grille.
Système de cadres
Le cadre est construit avec les mêmes blocs que le reste : rectangles, segments, angles. Il n'est pas forcément fermé. Sept comportements de base, qui se combinent avec tous les contenus (chiffre, citation, photo, date, liste).
- Épaisseurs autorisées : 1 cellule (fin) ou 2 cellules (épais). Un cadre peut mélanger un côté épais et trois côtés fins.
- Angles : 2 ou 3 angles marqués, jamais les 4 en symétrie.
- Un cadre interrompu laisse une ouverture d'au moins 2 cellules, et un contenu peut sortir par cette ouverture.
- Le cadre est posé sur la grille comme tout le reste : ses côtés sont des blocs n × 1 ou 1 × n, jamais des traits.
- Le cadre est monochrome : noir, blanc ou couleur de direction. Un cadre réseau peut être composé de segments de plusieurs couleurs, à raison d'un segment par direction.
Familles de composition et leurs variantes
Deux axes indépendants. La structure dit comment l'espace est organisé ; le contenu dit ce qu'on y met. « Cadre + photo » n'est donc pas une famille : c'est FRAME × PHOTO. Sept structures × cinq variantes = 35 gabarits de base, qui croisés avec neuf contenus et trois régimes donnent plusieurs centaines de publications légitimes.
| Structure | Principe | Contenus privilégiés |
|---|---|---|
| FRM — Frame | Un cadre modulaire, complet ou non, organise le contenu | citation, chiffre, date, checklist, portrait |
| HER — Hero | Un élément prend 60 à 80 % de l'attention | chiffre, mot, date, question, portrait |
| EDI — Editorial | Grande typographie, un ou deux blocs, beaucoup de vide | conseil, punchline, définition, citation, manifeste |
| PHO — Photo | La photo est le sol, les blocs construisent autour | cas client, coulisses, portrait, vidéo |
| MOS — Mosaic | Plusieurs modules de tailles différentes, photos et données | événement, équipe, data, agenda |
| SPL — Split | Deux zones qui se répondent | avant/après, question/réponse, vrai/faux, A/B |
| FLO — Flow | La composition continue d'une slide à l'autre | tous les carrousels |
Les contenus DATA, MEDIA et RÉSEAU du brief sont traités comme des contenus (chiffre, égaliseur, lecture) et comme un régime (réseau), pas comme des structures : cela évite qu'un podcast ressemble toujours à un podcast.
Frame — 7 variantes (voir section 09)
Hero
Editorial
Photo
Mosaic
Split
Carrousels : la grille comme espace continu
Un carrousel est une bande 12 × (12 × N). Les coordonnées continuent d'une slide à l'autre : un bloc à la colonne 10 de la slide 1 ressort à la colonne −2 de la slide 2. Cinq mécaniques FLOW, une par variante.
- La slide 1 pose une forme incomplète ; la dernière la résout (elle reçoit l'angle arrondi, le logo horizontal ou la couleur en plein).
- Au moins un bloc traverse une coupure de slide.
- Une seule mécanique par carrousel : le bloc se déplace, ou grossit, ou fusionne, ou se referme en cadre, ou révèle une photo. Pas deux.
- Le contenu change de slide en slide ; la structure, elle, avance d'un cran. Les slides intermédiaires gardent la même position de signature.
- Format carré 1080 × 1080, PDF, 6 à 10 slides. La slide de fin porte le logo horizontal et un appel à l'action en bouton.
Motion design : les animations découlent de la grille
Tout ce qui bouge le fait par multiples de cellule, dans une seule courbe (cubic-bezier .2 .8 .2 1), en 400 à 700 ms. Rien ne tourne, rien ne rebondit, rien ne flotte.
- Apparition : un bloc glisse depuis le bord le plus proche, ou s'étire depuis sa cellule d'origine.
- Construction : le cadre se dessine côté par côté ; la mosaïque se remplit module par module dans l'ordre de lecture.
- Résolution : l'angle arrondi apparaît en dernier, jamais en premier. Le chiffre hero s'écrit en 3 pas de taille (1, 2, 4 cellules), pas en compteur.
- Égaliseur : les colonnes du podcast montent et descendent par pas d'une cellule, au rythme de la voix.
- Révélation : les blocs deviennent des masques, la photo apparaît module par module.
- Réseau : les neuf couleurs convergent vers la frise ; elles ne dansent jamais séparément.
- Pas de particules, pas de flou, pas de lumière. Si un effet n'existe pas en statique, il n'existe pas en motion.
Régimes : mono-direction, multi-directions, réseau
MONO — une direction
- Trois valeurs exactement : noir, blanc, couleur de la direction. Aucune autre, y compris le gris.
- La couleur porte l'étiquette de direction ou le bloc principal, jamais les deux à moins que la composition n'ait que ces deux éléments.
- Fond par défaut : noir pour les classes claire et moyenne, blanc ou couleur en plein pour la classe sombre.
- Signature : monogramme seul. Étiquette : nom complet de la direction, ou forme courte quand la largeur l'impose.
MULTI — deux à quatre directions réellement concernées
- Autant de couleurs que de directions engagées, et pas une de plus.
- Chaque couleur reste sur le contenu de sa direction : un bloc, un chiffre, une colonne. Un élément commun (titre, fond, cadre) est noir ou blanc, jamais bicolore.
- Les directions sont nommées : la couleur seule ne suffit pas à identifier.
- Au-delà de quatre directions, on bascule en régime réseau.
RÉSEAU — BDDD corporate
- La frise des 9 couleurs, dans l'ordre officiel, en bande, en colonne ou en mosaïque de modules égaux (le seul cas où des modules égaux sont autorisés, parce que la frise est une liste).
- Gris corporate autorisé comme neutre.
- Logo horizontal complet autorisé.
- Une couleur isolée n'apparaît que si elle désigne sa direction (retour d'événement : un atelier par couleur).
Bibliothèque de modules réutilisables
Seize modules, tous dimensionnés en cellules, tous déclinables dans les trois régimes. Ils sont les seuls composants partagés : un post BDDD est un assemblage de ces modules sur la grille, pas un gabarit rempli.
Nomenclature
BDDD-FRM-02-QUO-COM-45
| Segment | Valeurs |
|---|---|
| Structure | FRMHEREDIPHOMOSSPLFLO |
| Variante | 01 à 99, numéro de la variante structurelle dans sa famille |
| Contenu | NUM chiffre WRD mot, titre QUO citation POR portrait PHO photo, scène DAT date LST liste, étapes CMP comparaison MED podcast, vidéo, webinaire |
| Régime | COMGENSTRMKTADMRHECOEXPACH pour le mono · MLT-COM-MKT pour le multi, directions listées · NET pour le réseau |
| Format | 45 1080 × 1350 SQ carré 916 vertical 169 paysage BAN bannière |
Un carrousel est nommé par sa première slide, suivie du nombre de slides : BDDD-FLO-01-LST-COM-SQ-x8. Les fichiers sources reprennent ce nom ; les exports LinkedIn aussi, ce qui permet de retrouver le gabarit d'origine depuis n'importe quelle publication.
Planche générale du système
Une composition par famille, les quatre formats, la frise et les invariants : la synthèse à afficher au mur.
Application : Direction Commerciale
Sept contenus courants, sept structures différentes, un seul régime : noir, blanc, #C94119.
Application : Achats, Transition Écologique, Générale, RH
Quatre directions choisies pour éprouver les classes de contraste : deux sombres (Achats, Transition Écologique), une claire (Générale), une sombre intermédiaire (RH). Chacune reste dans son régime mono.
Application : réseau BDDD
Régime réseau : frise complète, gris corporate, logo horizontal.
Vérification finale : 63 publications côte à côte
Toutes les publications de ce document, mélangées. Le test est celui du brief : elles sont toutes différentes, et elles viennent toutes de Bras Droit des Dirigeants.