TERO GROUP — Système de logo et architecture de marque
Expert 01 — Directeur artistique / architecte de système de marque · livrable du 15 octobre 2026
Périmètre : le groupe (tero.be), ses 3 piliers, ses marques et ses activités.
Rôle du document : c'est le modèle de référence que chaque sous-marque et chaque activité
déclinera. Il complète
craft/tero-group-rules.md(qui gagne en cas de contradiction) et
design-systems/tero-group/DESIGN.md.Fichier de sortie :
docs/design/EXPERT-01-LOGO-ET-ARCHITECTURE-DE-MARQUE.md
0. Comment lire ce document
Étiquettes obligatoires. Chaque affirmation de marque porte l'une des trois marques suivantes :
| Étiquette | Signification | Droit d'usage |
|---|---|---|
| [MESURE] | Fait vérifié sur un fichier, un pixel ou un DOM, méthode indiquée | opposable tel quel |
| [REGLE] | Décision de système proposée par le studio ; dérivée d'une mesure | opposable dès validation du lead |
| [A VALIDER CLIENT] | Point qui engage la marque ou l'argent ; le studio ne tranche pas seul | ne pas intégrer comme acquis |
Aucune affirmation de marque n'est inventée. Là où la mesure manque, j'écris « non mesuré » et
je le mets dans la liste de la § 9.
Sources et méthode. Toutes les mesures viennent de :
- la lecture du tracé vectoriel officiel
_audit/logo-tero-2025.svg— 5<path>, tous
fill="black", viewBox="0 0 100 40" — avec aplatissement des courbes de Bézier
(24 pas) pour obtenir les boîtes d'encre réelles et non les boîtes de points de contrôle ;
- le décodage pixel du raster de référence
_audit/monogram-tero-2026.png
(1272 × 1861, PNG indexé 17 entrées, transparence tRNS) : anneau, contre-forme, vide, barre ;
- le relevé live des domaines du groupe et de leurs fichiers de marque (15/10/2026), plus le
décodage des PNG de marque servis par terotrail.be ;
- la lecture contradictoire de
craft/tero-group-rules.md(646 lignes),
design-systems/tero-group/DESIGN.md, SKILL.md, manifest.json,
docs/AUDIT-TERO-BE-2026.md, _ref/teropadelclub/.open-design/plugins/tero-design/craft/tero-rules.md
et des 11 fichiers de assets/logo/.
Commandes de vérification reproductibles : annexe A.
---
1. CHALLENGE DE L'EXISTANT — erreurs, contradictions et manques mesurés
C'est le travail demandé au studio : « challenger et rendre le système plus complet ». Chaque
constat est mesuré, localisé, et suivi de sa conséquence.
1.1 Le mot-symbole n'est pas écrit en capitales — erreur propagée dans 5 fichiers
[MESURE] _audit/logo-tero-2025.svg : les 4 lettres sont des minuscules. Trois preuves
indépendantes :
- hauteur du
e= 26,43 u et dur= 25,53 u (bande d'x-hauteur) contre **32,79 u pour le
t** (montant) → construction bas-de-casse ;
- le
tporte une traverse (barre horizontale à x 0,00–16,48), qui n'existe pas en capitale ; - 5 tracés pour 4 lettres : le
oest fait de deux formes (anneau + barre), signature d'un
logotype dessiné en bas-de-casse.
| Fichier | Emplacement | Ce qui est écrit | Ce qui est mesuré |
|---|---|---|---|
craft/tero-group-rules.md | § 4.1 | « mot-symbole TERO noir » | mot-symbole tero, minuscules |
craft/tero-group-rules.md | § 4.3 | « Le mot-symbole s'écrit TERO (capitales) » | idem |
craft/tero-group-rules.md | § 18 | « Tero dans le texte, TERO dans le logo » | corriger : tero dans le logo |
design-systems/.../DESIGN.md | § 8 | « Graphie : TERO dans le logo » | idem |
docs/AUDIT-TERO-BE-2026.md | § 3.1 | « mot-symbole TERO » | idem |
Conséquence [REGLE] : graphie rédactionnelle = Tero (Tero Group,
Tero Hospitality…) ; graphie du logo = tero, minuscules, tel que dessiné. On n'écrit
jamais TERO en capitales dans un titre, un bouton, une signature, un alt.
1.2 Géométrie officielle mesurée du mot-symbole (unités du viewBox 0 0 100 40)
[MESURE] Boîtes d'encre réelles, présentées dans l'ordre des tracés du fichier — cet ordre
n'est pas gauche-droite, et un intégrateur qui trie les tracés par position casse la vérification.
| Tracé | Élément | x min–max | y min–max | Largeur | Hauteur |
|---|---|---|---|---|---|
| n° 1 | e | 21,46 – 47,36 | 13,29 – 39,72 | 25,90 | 26,43 |
| n° 2 | anneau du o | 73,50 – 100,00 | 0,28 – 26,71 | 26,50 | 26,43 |
| n° 3 | t | 0,00 – 16,48 | 6,43 – 39,22 | 16,48 | 32,79 |
| n° 4 | r | 53,72 – 67,78 | 13,49 – 39,02 | 14,07 | 25,53 |
| n° 5 | barre du o | 73,48 – 99,99 | 32,56 – 39,03 | 26,51 | 6,47 |
| — | encre totale | 0,00 – 100,01 | 0,28 – 39,72 | 100,01 | 39,45 |
Faits dérivés, tous mesurés :
- [MESURE] ratio du mot-symbole = 100,01 / 39,45 = 2,535. Le
viewBoxa un ratio de 2,500 :
le viewBox n'est pas le ratio optique du logo — ne jamais déduire une taille d'un
viewBox.
- [MESURE] Diamètre extérieur de l'anneau = 26,50 u = hauteur d'x exacte du mot-symbole
(26,43 u pour le e comme pour l'anneau : identiques à 0,02 % près). **C'est le module de
construction de toute la marque.**
- [MESURE] L'anneau dépasse le montant du
t: son sommet est à y = 0,28 alors que le
t s'arrête à y = 6,43, soit 6,15 u plus haut. L'élément le plus haut du mot-symbole n'est
donc pas une lettre : c'est l'anneau du o. Conséquence : **un alignement vertical centré sur
la hauteur d'x paraîtra faux** ; on aligne sur la boîte d'encre totale (39,45 u).
- [MESURE] L'anneau est remonté d'un demi-diamètre : la bande d'x-hauteur des lettres est
[13,29 ; 39,72] ; l'anneau occupe [0,28 ; 26,71], soit 13,02 u plus haut = 0,49 × D.
- [MESURE] La barre du o repose exactement sur la ligne de base : son bas est à 39,03, le
r
s'arrête à 39,02, le e déborde à 39,72 (overshoot de la lettre ronde). La barre n'est donc
pas un soulignement ajouté : c'est un élément du dessin de la lettre.
- [MESURE] Les interlettrages sont optiques, pas réguliers : t→e 4,98 u · e→r 6,36 u · r→o 5,72 u.
Conséquence [REGLE] : on ne recompose jamais le mot-symbole (ajouter un mot, ré-espacer,
justifier) — ce serait un nouveau dessin.
- [MESURE] Le fichier officiel n'a aucune marge interne : l'encre touche x = 0, dépasse même de
0,01 u à droite (100,01 > 100), et il n'y a que 0,28 u de blanc en haut et en bas — **0,7 % de la
hauteur. Donc : le fichier officiel ne contient aucune zone de respiration**, et un
overflow: hidden ou une line-height mal réglée le rogne.
1.3 Le « o » est un monogramme construit — grille mesurée sur deux sources indépendantes
[MESURE] Le raster de référence _audit/monogram-tero-2026.png et le tracé vectoriel
officiel décrivent le même dessin, aux mêmes proportions :
| Constante | Raster (1272 × 1860 px d'encre) | Vectoriel (unités) | Écart |
|---|---|---|---|
| Anneau / hauteur totale | 1269 / 1860 = 0,6823 | 26,43 / 38,75 = 0,6821 | 0,03 % |
| Vide anneau→barre / total | 281 / 1860 = 0,1511 | 5,85 / 38,75 = 0,1509 | 0,13 % |
| Barre / hauteur totale | 310 / 1860 = 0,1667 | 6,47 / 38,75 = 0,1670 | 0,18 % |
| Ratio du monogramme | 1272 / 1860 = 0,6839 | 26,50 / 38,75 = 0,6844 | 0,07 % |
Les deux sources concordent à moins de 0,2 % : le raster est le monogramme, fidèlement.
Grille de construction, en unités du mot-symbole (D = diamètre extérieur de l'anneau = 26,50 u) :
| Constante | Raster | En unités de D | Règle de construction [REGLE] |
|---|---|---|---|
| D — diamètre extérieur de l'anneau | 1272 px | 26,50 | D = hauteur d'x du mot-symbole |
| m — épaisseur de l'anneau (à mi-hauteur) | 310 px | 0,2437 × D = 6,46 | m = 0,244 D ≈ D / 4,1 |
| c — contre-forme (le trou) | 652 px | 0,5125 × D = 13,58 | c = 0,512 D ≈ 2,1 m |
| v — vide entre anneau et barre | 281 px | 0,2209 × D = 5,85 | v = 0,221 D ≈ 0,9 m |
| hauteur de la barre | 310 px | 0,2441 × D = 6,47 | = m (identique à 0,2 % près) |
| largeur de la barre | 1272 px | 1,000 × D = 26,50 | = D, bord gauche aligné sur l'anneau |
| hauteur totale | 1860 px | D + v + barre = 38,75 | 38,75 u |
| ratio | 0,6839 | 0,684 | 0,684 — portrait, jamais 1:1 |
Invariant de système [REGLE] — la règle que le studio doit retenir :
une seule épaisseur module la marque : épaisseur de l'anneau = hauteur de la barre = D / 4,1,
et le vide entre l'anneau et la barre vaut 0,9 × ce module. Toute reproduction du monogramme, à
n'importe quelle taille, conserve ces trois rapports.
1.4 Le fichier TERO_MONOGRAM-1.png EST le monogramme officiel — l'audit se trompe
[MESURE] L'audit (§ 3.1, ligne 262), les règles (§ 4.1, § 18) et SKILL.md (§ 2) qualifient
ce fichier de « détourage vertical qui ne contient ni le mot-symbole ni un monogramme » et
interdisent de l'utiliser comme logo. C'est faux :
- le raster servi par tero.be (
uploads/2026/09/TERO_MONOGRAM-1.png, 1272 × 1861) a un ratio
d'encre de 0,684, exactement celui du glyphe o du mot-symbole officiel (0,684) ;
- ses proportions internes (anneau 68,2 %, vide 15,1 %, barre 16,7 %) reproduisent le tracé
vectoriel à moins de 0,2 % ;
- il est le glyphe
oisolé, c'est-à-dire le monogramme de la marque.
Le vrai défaut n'est pas le fichier, c'est son usage : un mark portrait 0,684 déclaré comme
image de l'organisation (Organization.logo, avec width: 1272, height: 1861) et, sur
tero.be, un PNG 32 × 32 déclaré à la fois en sizes="32x32", en sizes="192x192" et
comme apple-touch-icon. [MESURE] (DOM live, 15/10/2026).
Conséquence [REGLE] : le monogramme devient l'actif officiel n° 2 de la marque, avec ses
règles propres (§ 4.4) — favicon, icône d'application, avatar, tampon, puce de signature — et
l'interdit est retiré. Sur Organization.logo, on déclare le mot-symbole.
1.5 Les variantes couleur historiques ne sont pas des vectoriels — elles sont inutilisables
[MESURE] logo-tero-white.svg, logo-blue.svg, logo-green.svg,
logo_yellow.svg (20,9 ko chacun, viewBox="0 0 385 170") contiennent zéro <path> :
~~~text
<image id="image0_..." width="533" height="237" xlink:href="data:image/png;base64,iVBORw0KGgo...">
<pattern id="pattern0" ...><use xlink:href="#image0_..." transform="translate(-0.0649351 -0.000268) scale(0.00211983 0.00482444)"/></pattern>
<rect width="170" height="74.697" fill="url(#pattern0)"/>
~~~
Un PNG bitmap tracé, encodé en base64, appliqué en motif. Trois conséquences dures :
- ratio 385/170 = 2,26 ≠ 2,535 (mot-symbole officiel) : ce n'est même pas la même composition —
ce sont des exports d'un autre master, à une autre échelle ;
- aucune mise à l'échelle propre : agrandir un motif bitmap produit du flou ;
- couleurs hors palette 2026 :
#075F83,#068973,#F4C567ne figurent ni dans
les 7 déclarées (§ 2.2 des règles) ni dans les neutres — alors que § 4.1 les présente comme des
« déclinaisons » officielles.
Conséquence [REGLE] : ces 4 fichiers passent au statut **archive raster, usage de production
interdit**. Les remplaçants vectoriels existent déjà (§ 3.2).
1.6 Deux dessins vectoriels concurrents du même monogramme
[MESURE] logo-header.svg (682 octets, viewBox="0 0 28 43", #292929) n'est
pas le tracé officiel : 1 <rect> + 1 <path> de 387 caractères, dont les données **ne
sont pas identiques** au o de tero_logo.svg (2 tracés, 1386 + 611 caractères). Ratios :
0,651 (28/43) contre 0,684 pour le monogramme officiel.
Deux fichiers, deux dessins, un seul nom dans la tête du client. Conséquence [REGLE] : une seule
source de vérité graphique — le monogramme dérivé de _audit/logo-tero-2025.svg ;
logo-header.svg passe en archive (§ 3.5).
1.7 La « variante sans barre » n'est pas vérifiable dans les pixels servis
[MESURE lead] terotrail.be et impactrun.be servent des fichiers nommés
TERO_LOGO-NO_BASELINE-*.png (240/480/768/1024/1536/2048 px, plus une variante -WHITE-1).
[MESURE — vérification pixel faite par moi] J'ai téléchargé et décodé
TERO_LOGO-NO_BASELINE-1024x405.png (PNG indexé, 2 entrées : transparent + noir) et
TERO_LOGO-NO_BASELINE-WHITE-1-1024x724.png :
- l'encre du premier mesure 1024 × 405 → ratio 2,528, soit le ratio du mot-symbole officiel
(2,535) à 0,3 % près ;
- ses cinq structures sont aux coordonnées officielles :
tx 0–16,4 ·e23,5–45,1 ·
r 53,8–67,8 · anneau 73,6–100 (sommet à y = 0,00) · barre 73,5–100 aux lignes y ≈ 32,8–39,0,
exactement la boîte du tracé n° 5 (73,48–99,99 / 32,56–39,03) ;
- la variante
WHITE-1est le même dessin avec du blanc autour (encre 614 × 242, ratio 2,537).
Donc : les fichiers nommés « NO_BASELINE » contiennent la barre. Aucune des deux constructions
annoncées n'est distincte dans les fichiers servis. Deux hypothèses :
- le nom de fichier est inversé ou hérité d'un master plus ancien, et le fichier publié est la
version avec barre (hypothèse la plus probable) ;
- un master réellement sans barre existe dans les archives du studio mais n'a jamais été
exporté vers le web.
[A VALIDER CLIENT] Trancher : publier une variante « sans barre » — auquel cas elle doit être
redessinée par le studio depuis le vectoriel, pas recadrée depuis un PNG — ou abandonner le nom
NO_BASELINE partout. Tant que ce n'est pas tranché, la gamme officielle reste avec barre.
1.8 Le site de la maison mère n'a ni manifeste, ni favicon SVG, ni theme-color
[MESURE] Relevé DOM live du 15/10/2026 :
| Site | theme-color | site.webmanifest | favicon .svg | Déclaration d'icônes |
|---|---|---|---|---|
| tero.be (groupe) | absent | absent | absent | 1 PNG 32 × 32 déclaré en 32x32, en 192x192 et en apple-touch-icon |
| teropadelclub.be | #ffffff | présent | présent | correct |
| garisartsportsclub.be | #000000 | absent | absent | PNG 240 × 240 puis PNG 32 × 32 réutilisé en 192x192 et 180x180 |
| terostudio.be | absent | absent | absent | PNG du logo, recadré 32/192/180 |
| immorun.be | #263062 | absent | absent | PNG du logo |
| batirun.be | #0E143C | absent | absent | PNG du logo |
| buildandrun.be | #575756 | absent | absent | PNG du logo |
| impactrun.be | #183f3c | absent | absent | IMPACT-RUN_LOGO_Original.svg + PNG groupe |
| terotrail.be | #2b4336 | absent | absent | 32/192/180 distincts (le plus propre) |
| brusselspremierpadel.be | #000000 | absent | absent | 1 PNG 240 × 207 |
Conséquence [REGLE] : le paquet d'icônes est le premier livrable visible de la marque et
c'est aujourd'hui le plus faible. Il se dérive intégralement du monogramme officiel (§ 4.4) — aucun
travail de studio, sauf l'icône d'application optique.
1.9 Autres contradictions inter-fichiers à lever
| # | Contradiction | Fichiers | Ce que je retiens |
|---|---|---|---|
| a | Graisses Almarose : 400/500/600/700 « pas de 900 » vs un almarose-900.woff2 chargé et un h2 « à 800 » rendu en 900 | règles § 3.1–3.3 vs _ref/.../tero-rules.md § 1.2 | [A VALIDER CLIENT] : la liste réelle des graisses livrées et licenciées. Bloque la composition de tout descripteur |
| b | WildYouth : « déclarée mais jamais utilisée, ne pas l'employer » vs « UN SEUL mot en script par page, en magenta » | règles § 3.4 + DESIGN.md § 3 vs _ref § 1.2 | [A VALIDER CLIENT] : le client la garde — il faut une règle d'usage, pas une interdiction (§ 7.4) |
| c | « Aucun lockup ne peut être créé » vs la commande d'un système complet puis décliné | règles § 1.4.3 | [REGLE] : l'interdit devient un registre — aucun lockup improvisé ; les lockups validés vivent dans assets/logo/lockups/ |
| d | #183F3C classé « couleur de dérive à résorber » alors que c'est le theme-color live d'impactrun.be | DESIGN.md § 2 vs DOM live | [A VALIDER CLIENT] : une dérive du site groupe peut être un accent légitime de sous-marque. Il faut deux listes (§ 7.5) |
| e | manifest.json déclare 14 subBrands ; les règles § 1.3 nomment aussi TeroGO, Sportero, Jackfly School, Kids Camps, Nest Zwin — sans domaine ni logo connus | manifest.json vs règles § 1.3 | [A VALIDER CLIENT] : une marque sans domaine ni actif est un nom d'activité, pas une marque endossée (§ 6) |
| f | logo-tero-white.svg présenté comme la version « fond sombre, photo » alors que c'est un PNG tracé | règles § 4.1 / 4.2.5 | [REGLE] : la version sur photo est le SVG blanc dérivé, assets/logo/tero-logo-blanc.svg |
---
2. CE QUE L'AGENT PEUT PRODUIRE — ET CE QUI EXIGE LE STUDIO
Règle de méthode à recopier telle quelle dans la charte. Elle évite la faute la plus coûteuse :
fabriquer un lockup avec les moyens d'un agent.
2.1 Dérivable sans redessiner — le tracé officiel est réutilisé octet pour octet [REGLE]
Autorisé à un agent, parce que les données de tracé ne changent pas (vérifié : les 11 SVG de
assets/logo/ réutilisent les tracés officiels à l'octet) :
| Opération | Comment | Statut |
|---|---|---|
| Recolorer | changer fill uniquement | fait (6 variantes) |
Passer en currentColor | fill="currentColor" | fait — à contraindre (§ 3.6) |
| Version négative (blanc) | fill="#FFFFFF" sur fond sombre | fait |
| Isoler le monogramme | conserver les tracés n° 2 et n° 5 | fait (3 variantes) |
| Recadrer dans un carré | <g transform="translate(...) scale(...)"> | fait (favicon, app icon) |
| Exporter en PNG / WebP | depuis le SVG, à des tailles nommées | à produire |
Générer un .ico multi-tailles | 16 / 32 / 48 | à produire |
Écrire site.webmanifest | couleurs + icônes | à produire |
| Gabarits de fond, filets, voiles | CSS, sans toucher au tracé | à produire |
| Planches de contrôle et tests de non-usage | HTML de vérification | à produire |
2.2 Exige un studio de design — aucun agent ne doit le tenter [REGLE]
| Opération | Pourquoi ce n'est pas dérivable |
|---|---|
Tout lockup : tero + descripteur, tero + nom de marque, horizontal / vertical / empilé | composition nouvelle : interlettrage, alignement optique, hiérarchie de tailles, version monochrome — c'est un dessin |
| Variante réellement sans barre (§ 1.7) | suppression d'un élément structurel de la lettre : la contre-forme et l'équilibre changent |
| Variante « barre continue » ou barre courant sous le mot entier | nouveau dessin |
Monogramme autonome différent du o (t, te, marque abstraite) | nouvelle forme |
| Correction optique pour très petits corps (simplification du contour à 12–16 px) | dessin d'optique |
| Icône d'application optique au-delà de 49 % de la hauteur (§ 4.4) | ajustement optique, pas une mise à l'échelle |
| Dessin des marques et de leurs lockups (Tero Studio, Tero Trail, Teroir…) | identités tierces ou nouvelles |
| Masters EPS / AI + tons directs, CMJN calibré | contrôle imprimeur, tons Pantone, surimpression |
| Le mot-symbole dans une autre épaisseur ou un autre style | dessin de lettre |
Phrase à mettre dans la charte [REGLE] — « *Un lockup n'est pas une mise en page : c'est un
dessin. Tant qu'un lockup n'a pas été livré par le studio, l'endossement se fait par le texte, la
typographie et l'espace — jamais par une composition improvisée en HTML/CSS.* »
---
3. SYSTÈME DE LOGO — LA GAMME COMPLÈTE
3.1 Les trois actifs officiels
| Actif | Contenu | Source de vérité | Ratio |
|---|---|---|---|
| 1. Le mot-symbole | 5 tracés, viewBox 0 0 100 40, encre 100,01 × 39,45 u | _audit/logo-tero-2025.svg | 2,535 |
| 2. Le monogramme | tracés n° 2 + n° 5 (anneau + barre), encre 26,52 × 38,75 u | extrait du même fichier | 0,684 (portrait) |
| 3. La marque compacte | forme historique — à abandonner (§ 3.5) | logo-header.svg (archive) | 0,651 |
3.2 Audit des 11 SVG déjà produits dans assets/logo/
[MESURE] Contrôle effectué sur chaque fichier : nombre de tracés, identité octet pour octet
des données de tracé avec _audit/logo-tero-2025.svg, viewBox, attributs de peinture.
| Fichier | Tracés | Identiques à l'officiel | viewBox | Peinture | Verdict |
|---|---|---|---|---|---|
tero-logo-noir.svg | 5 | 5 / 5 | 0 0 100 40 + width="200" height="80" | #000000 | OK — retirer les dimensions fixes [REGLE] |
tero-logo-blanc.svg | 5 | 5 / 5 | 0 0 100 40 | #FFFFFF | OK — usage nommé « fond sombre / photo » |
tero-logo-currentColor.svg | 5 | 5 / 5 | 0 0 100 40 | currentColor | Danger : couleur non contrainte → § 3.6 |
tero-logo-teal.svg | 5 | 5 / 5 | 0 0 100 40 | #007864 | OK |
tero-logo-petrol.svg | 5 | 5 / 5 | 0 0 100 40 | #004B69 | OK |
tero-logo-terracotta.svg | 5 | 5 / 5 | 0 0 100 40 | #B93815 | OK |
tero-monogramme.svg | 2 | 2 / 2 | 72.45 -0.75 28.56 40.79 | currentColor | OK — blanc interne ≈ 1,02 u (3,9 % de la hauteur) |
tero-monogramme-noir.svg | 2 | 2 / 2 | idem | #000000 | OK |
tero-monogramme-blanc.svg | 2 | 2 / 2 | idem | #FFFFFF | OK |
tero-favicon.svg | 2 | 2 / 2 | 0 0 32 32 | #000000 | OK — translate(-35.030, 4.441) scale(0.58838) : monogramme centré, 15,6 × 22,8 px = 71 % de la hauteur du carré |
tero-appicon.svg | 2 | 2 / 2 | 0 0 100 100 | aplat #007864 + blanc | Centrage OK (33,8 × 49,4) — mais monogramme à 49 % de la hauteur et coins rx="22" dans le dessin (§ 4.4) |
Bilan honnête [MESURE] : la gamme existante est géométriquement saine — rien n'a été
redessiné, tout est dérivé du fichier officiel. Elle est incomplète, pas fausse. Ce qui manque
est en § 3.4.
3.3 Ce que la géométrie existante valide — à inscrire comme test automatique
| Attendu | Mot-symbole | Monogramme |
|---|---|---|
Nombre de <path> | 5 | 2 |
| Boîte d'encre (unités) | x 0,00→100,01 · y 0,28→39,72 | x 73,48→100,01 · y 0,28→39,03 |
<image>, base64, <pattern>, <filter>, stroke> | aucun | aucun |
fill-rule | absent (le défaut nonzero évide la contre-forme) | idem |
Contre-forme du o | doit rester évidée à l'écran | idem |
[REGLE] Piège d'intégration : ne jamais passer les fichiers de marque dans un optimiseur
(SVGO
mergePaths,convertPathData,removeUselessStrokeAndFill) sans revérifiervisuellement que la contre-forme de l'anneau est toujours un trou. Le fichier officiel n'a pas
de
fill-rule="evenodd"de secours : la fusion de tracés peut remplir le trou du o.
3.4 Ce qui manque à la gamme — à produire
| # | Livrable | Type | Priorité |
|---|---|---|---|
| 1 | tero-logo-{sand,rose,cyan,pink}.svg — les 4 couleurs déclarées manquantes | dérivable | haute |
| 2 | tero-logo-mono-{teal,petrol,terracotta}.svg — « une couleur » générique documentée | dérivable | moyenne |
| 3 | Paquet d'icônes : favicon.ico (16/32/48) · favicon.svg · apple-touch-icon-180.png opaque · icon-192.png + icon-512.png maskable · safari-pinned-tab.svg (1 tracé noir) · site.webmanifest + theme-color | dérivable | haute |
| 4 | tero-monogramme-square-{512,1024}.svg — carré 1:1, monogramme à 70 % de la hauteur | dérivable | haute |
| 5 | tero-appicon-1024.png carré plein (sans rx) + variante maskable (safe zone 80 %) | dérivable | haute |
| 6 | Exports PNG 1×/2×/3× du mot-symbole — utilitaires, jamais pour un logo responsive | dérivable | moyenne |
| 7 | og-tero-1200x630 (mot-symbole + signature, sur aplat noir) | dérivable | moyenne |
| 8 | Lockups à dessiner : tero + TERO GROUP (horizontal / vertical) · tero + nom de marque pour les 3 piliers | studio | haute |
| 9 | Variante sans barre (si le client la veut) | studio | à trancher |
| 10 | Masters EPS / AI + Pantone / CMJN calibrés | studio / imprimeur | moyenne |
| 11 | Déclinaisons d'application (1024 marketing, adaptive Android, watchOS) | studio | basse |
| 12 | assets/logo/REGISTRE-LOGOS.md — le registre unique (§ 8.1) | document | haute |
3.5 Décision sur logo-header.svg — la « marque compacte » [REGLE]
Le fichier historique est un autre dessin du même monogramme (§ 1.6). On ne conserve donc pas
« la marque compacte » comme actif distinct : elle est remplacée par le monogramme officiel
(tero-monogramme.svg), qui a l'avantage d'être le glyphe réel du mot-symbole.
| Usage ancien | Remplacement officiel |
|---|---|
| En-tête compact / retour au groupe | tero-monogramme.svg (ou le mot-symbole à ≥ 88 px) |
| Favicon | tero-favicon.svg + le paquet d'icônes |
| Petites tailles | le monogramme, jamais logo-header.svg |
3.6 Couleur du logo — règles opposables [REGLE]
| Fond | Version autorisée | Contraste mesuré |
|---|---|---|
Blanc / clair (#FFFFFF, #F6F4F4) | noir #000000 (défaut) | 21:1 |
Noir / profond (#000000, #212121) | blanc #FFFFFF | 21:1 |
Teal #007864 | blanc | 5,43:1 |
Pétrole #004B69 | blanc | 9,50:1 |
Terracotta #B93815 | blanc | 5,77:1 |
Sable #FAD282 · rose poudré #D7B4B4 · cyan #00B7FF | noir (jamais blanc) | 14,61 / 11,08 / 9,22 sur noir |
Rose vif #FF1D58 | blanc ou noir — accord du studio pour un logo posé sur rose vif | 5,57 sur rose vif |
| Photo | blanc uniquement, avec voile (§ 4.5) | à mesurer au pixel |
| Aplat d'une sous-marque | monochrome noir ou blanc par défaut ; l'accent de la marque est réservé aux éléments graphiques, pas au logo du groupe | — |
Interdits : teal en logo sur noir (3,87:1) · tout logo sur sauge #97AB83 (2,48:1 sur blanc) ·
logo blanc sur sable / rose poudré / cyan · logo noir sur photo sans voile.
currentColor — contrainte obligatoire [REGLE] : autoriser
tero-logo-currentColor.svg uniquement dans un composant dont la couleur est fixée par un
token de la charte (--tero-black, --tero-white, ou une des 7 déclarées). Un
currentColor hérité d'un thème tiers peut produire une couleur hors charte : c'est la seule
manière dont un logo officiel devient non conforme sans que personne ne l'ait modifié. Le pied
de page de tero.be et les cartes de sous-marques sont les deux endroits à auditer en premier.
---
4. ZONE DE RESPIRATION, TAILLES MINIMALES, FONDS
4.1 Le référentiel : X = le diamètre de l'anneau du o
[MESURE] X = D = 26,50 u = la hauteur d'x du mot-symbole. C'est le seul repère de
respiration défendable, parce qu'il existe dans le dessin.
- pour le mot-symbole de largeur L :
X = 0,265 × L - pour le monogramme de hauteur H :
X = 0,684 × H
Correction [REGLE] : la règle actuelle — « zone de respiration : au moins la hauteur du T
du mot-symbole » (règles § 4.2.3) — est indéfinissable : le mot-symbole n'a pas de capitale, et
l'élément le plus haut est l'anneau du
o(§ 1.2), 6,15 u au-dessus du montant dut.On la remplace par la définition ci-dessous.
4.2 Zone de respiration [REGLE]
| Contexte | Minimum (0,5 X) | Recommandé (1 X) |
|---|---|---|
| Mot-symbole | 0,133 × L | 0,265 × L |
| Monogramme | 0,342 × H | 0,684 × H |
Exemples chiffrés — ce sont les cas d'usage réels, à mettre dans la charte :
| Cas | Taille | X | Respiration mini | Respiration conseillée |
|---|---|---|---|---|
| Logo d'en-tête desktop | L = 200 px | 53 px | 26 px | 53 px |
| Logo d'en-tête mobile | L = 132 px | 35 px | 18 px | 35 px |
| Logo de pied de page | L = 120 px | 32 px | 16 px | 32 px |
| Logo imprimé A4 | L = 45 mm | 11,9 mm | 6 mm | 12 mm |
| Monogramme de section | H = 48 px | 33 px | 16 px | 33 px |
| Monogramme de tampon | H = 15 mm | 10,3 mm | 5 mm | 10 mm |
4.3 Tailles minimales — dérivées du trait le plus fin [REGLE]
[MESURE] Le trait le plus fin du mot-symbole est le montant du t : 66 px sur 1024 de
large, soit 0,0645 × L ; c'est aussi l'épaisseur de l'anneau (6,46 u) et la hauteur de la barre.
Pour le monogramme, le trait vaut 0,167 × H.
| Support | Élément | Minimum | Vérification |
|---|---|---|---|
| Écran | mot-symbole | 88 px de large | trait = 5,7 px |
| Écran | monogramme | 16 px de haut | trait = 2,7 px · contre-forme = 5,6 px |
| Impression | mot-symbole | 25 mm de large | trait = 1,6 mm |
| Impression | monogramme | 6 mm de haut | trait = 1,0 mm |
| Tampon / gravure / broderie | monogramme | 8 mm de haut | vide et contre-forme ≥ 1,2 mm |
| Favicon | monogramme | 16 px | jamais d'agrandissement d'un PNG 32 px (§ 1.8) |
| Icône d'application | monogramme | source 1024 px | monogramme à 62–70 % du carré (§ 4.4) |
Correction [REGLE] : la règle actuelle « hauteur minimale à l'écran : 32 px » (règles
§ 4.2.4) confond hauteur et largeur. Un mot-symbole se dimensionne en largeur ; à « 32 px de
haut » on obtient 81 px de large — sous le seuil de lisibilité du
ret due. On écritdésormais 88 px de large (25 mm en impression), et sous ce seuil on passe au monogramme :
le bon réflexe, avec le bon chiffre.
4.4 Icônes : le carré est une respiration, pas un format [REGLE]
Le monogramme est portrait (0,684) : il ne doit jamais être étiré en carré. On l'inscrit dans
un carré avec du blanc autour.
| Contexte | Carré | Monogramme (hauteur) | Blanc par côté | État |
|---|---|---|---|---|
| Favicon SVG / 32 px | 32 px | 22,8 px (71 %) | 4,6 px | conforme — tero-favicon.svg |
| Avatar, icône de réseau | 1:1 | 70 % | 15 % | à produire |
| Apple touch icon 180 px | 180 px | 126 px (70 %) | 27 px | à produire — fond opaque obligatoire |
| Android maskable 192 / 512 | 1:1 | ≤ 66 % (zone sûre ronde de 80 %) | — | à produire |
| Icône d'application 100 px | 100 px | 49 % | 25 px | sous-optimal — tero-appicon.svg |
| Tampon | 1:1 | 70 % | — | à produire |
[MESURE] + [REGLE] : tero-appicon.svg place le monogramme à 49 % de la hauteur
(33,8 × 49,4 dans un carré de 100). Une icône d'application se lit mieux avec un glyphe à 62–70 %.
Par ailleurs, un carré à coins arrondis (rx="22") dans le dessin produit un double arrondi
(l'OS applique son propre masque) et un liseré : livrer un carré plein — le rayon appartient au
masque de l'OS, pas au fichier — plus une variante maskable dédiée.
4.5 Sur photo, le critère mesurable [REGLE]
| Élément posé sur la photo | Exigence | Seuil de fond mesurable |
|---|---|---|
| Logo / texte blanc | contraste ≥ 4,5:1 | la zone derrière doit être ≤ #767676 (L = 0,181) |
| Signe seul (logo, pictogramme) | contraste ≥ 3:1 | la zone derrière doit être ≤ #949494 (L = 0,30) |
Conséquence pratique : un voile dégradé rgba(0,0,0,0.55) vers rgba(0,0,0,0.20) **ne suffit
pas ; on vérifie le pixel le plus clair sous la marque** sur les 5 largeurs de capture, et on
corrige le voile, pas la photo. La version sur photo est toujours la version blanche — jamais la
noire, jamais une couleur d'accent.
4.6 Formats de livraison et nommage [REGLE]
| Format | Rôle | Règles |
|---|---|---|
| SVG | source unique, web et print vectoriel | sans width/height fixes (garder viewBox + preserveAspectRatio) · <title> · aucun <style>, <image>, base64, filtre, dégradé, ni stroke sur les tracés pleins |
| PNG | icônes, avatars, OG image | sRGB, fond transparent sauf icônes Apple (opaque) |
| EPS / AI | imprimeur | studio uniquement ; tons directs et CMJN calibrés par l'imprimeur |
| ICO | favicon.ico | multi-tailles 16 / 32 / 48 dans un seul fichier |
| webmanifest | PWA | name, short_name, theme_color, background_color, icônes 192 + 512 maskable |
| safari-pinned-tab | épinglage Safari | 1 seul tracé noir, sans blanc, sans vide — le monogramme doit être simplifié ; dérivable du fichier officiel |
Nommage — proposition [REGLE], à appliquer par le lead :
tero-<element>-<variante>-<taille>.<ext>, avec
element ∈ {logo, monogramme, appicon, favicon, og} et
variante ∈ {noir, blanc, currentcolor, teal, petrol, terracotta, sand, rose, cyan, pink, mono, square, maskable}.
Exemples : tero-monogramme-square-noir-512.png, tero-logo-blanc.svg.
Le registre de la § 8.1 est la seule source de vérité ; un fichier absent du registre n'est pas un
actif de marque.
---
5. RÈGLES DE NON-USAGE
5.1 Les 12 interdits [REGLE]
| # | Interdit | Pourquoi (mesure ou risque) |
|---|---|---|
| 1 | Déformer : étirer, comprimer, mettre à l'échelle en X ou Y séparément | ratio officiel 2,535 (mot-symbole) et 0,684 (monogramme) |
| 2 | Forcer en carré le monogramme | portrait 0,684 : toute mise en carré non centrée déforme |
| 3 | Faire tourner le logo | l'anneau remonté du o rend toute rotation illisible |
| 4 | Ajouter contour, ombre, dégradé, effet, animation | un logo de groupe ne « brille » pas |
| 5 | Recolorer hors palette (§ 3.6) | 7 déclarées + noir/blanc ; aucune dérive |
| 6 | Recomposer, ré-espacer, ajouter un mot dans le mot-symbole | interlettrages optiques mesurés : 4,98 / 6,36 / 5,72 u |
| 7 | Rogner, ou laisser un conteneur rogner le logo | marge interne du fichier = 0 sur les côtés, 0,28 u en haut/bas (§ 1.2) |
| 8 | **Partir d'une capture, d'un PNG tracé ou d'un logo-.svg 2023* | ce sont des bitmaps (§ 1.5) |
| 9 | Placer le logo noir sur fond sombre ou sur photo sans voile | contraste — § 4.5 |
| 10 | Mettre le logo dans une pastille (cercle, coin arrondi, badge) | non prévu par le dessin ; un badge est un lockup → studio |
| 11 | Écrire le logo en texte (TERO en Almarose capitale) à la place du SVG | c'est un autre logotype |
| 12 | Passer les fichiers dans un optimiseur sans revérifier la contre-forme du o | la contre-forme peut se remplir (§ 3.3) |
5.2 Le test des 5 secondes [REGLE]
Pour toute page et tout support, on doit répondre « oui » sans réfléchir :
- Le mot-symbole est-il lisible sans zoomer (≥ 88 px de large), ou remplacé par le monogramme ?
- Ses quatre côtés ont-ils au moins 0,5 X de respiration (aucun filet, aucun texte, aucune image
à moins de 0,5 X) ?
- L'appartenance au groupe est-elle dite (mention + lien
tero.be) ? - La couleur du logo est-elle exactement une des couleurs autorisées du § 3.6 ?
- Y a-t-il un seul logo de groupe visible (pas de doublon mot-symbole + monogramme côte à côte) ?
---
6. ARCHITECTURE DE MARQUE — EXPLIQUÉE SIMPLEMENT
Réponse à la question que le client n'a pas comprise : *« maison mère, endossement, lockup —
concrètement, on écrit quoi sur quoi ? »*
6.1 Le vocabulaire, en une phrase chacun [REGLE]
| Terme | Définition opérationnelle | Contre-exemple |
|---|---|---|
| Marque endorsée | une marque qui garde son nom et à laquelle la maison mère prête sa caution. Le public doit répondre en 3 secondes à « qui est derrière ? » | renommer Knokke Out en Tero Knokke Out — interdit (§ 1.4.4 des règles) |
| Lockup | une composition graphique figée et dessinée : logo + nom + filet + descripteur, à espacements définis, livrée en plusieurs versions (horizontale, verticale, monochrome, sur photo). Ce n'est pas une mise en page | deux <img> côte à côte dans un flex ne font pas un lockup |
| Signature « X, un lieu Tero » | une formule éditoriale figée (pas un logo) qui dit l'appartenance : « Tero River House, un lieu Tero Hospitality » | inventer « by Tero » — non validé |
| Endossement | le fait de dire l'appartenance : verbalement (texte), typographiquement (hiérarchie, espace) ou graphiquement (lockup). Trois intensités, § 6.3 | mettre le logo Tero sur chaque visuel d'une marque autonome |
| Lieu Tero | un lieu exploité par Tero Hospitality dont le nom commercial peut être propre (Knokke Out Zoute, Bistro Pilko) ; il est présenté comme un lieu du groupe, jamais à plat | présenter Knokke Out Zoute sans rattachement sur tero.be |
| Co-marque | deux marques de poids égal, côte à côte, avec un partenaire (Immorun × IMMOBEL, Build&Run × LIXON) | fondre deux logos en un seul signe |
| Pilier | un niveau d'organisation, pas une marque commerciale : Tero Hospitality, Tero Leisure, Tero Sport Events. Il ne se décline pas en logo sans décision du client | créer un logo par pilier sans validation |
6.2 Les 4 modèles possibles, et la recommandation
| Modèle | Mécanique | Cas du groupe | Verdict |
|---|---|---|---|
| A. Marque ombrelle souveraine | tout devient « Tero X » : le groupe absorbe les noms | tout le groupe | écarté : détruit Knokke Out, Garisart, DPB-LU, BPP26, Immorun, Batirun ; contredit § 1.4.4 ; impossible sur les marques co-signées |
| B. Endossement à deux niveaux ⭐ | le groupe cautionne, les marques gardent leur nom ; l'appartenance est dite trois fois — dans le mot (Tero Hospitality), dans la typographie (hiérarchie), dans l'espace (bloc « Le groupe ») ; le lockup n'existe que là où le client l'a validé | Tero Padel Club, Tero Studio, Tero Trail, Tero Lodges, Teroir | RECOMMANDÉ comme socle — modèle des maisons d'hospitalité et de loisirs à marques multiples |
| C. Marque autonome (endossement discret) | la marque se présente seule ; l'appartenance vit en pied de page, en mentions légales, sur la page « Le groupe » | Knokke Out Zoute, Bistro Pilko, Bistro 17, Garisart Sports Club / DPB-LU, Brussels Premier Padel | RECOMMANDÉ pour cette liste : equity propre, souvent co-signée |
| D. Co-marque encadrée | deux marques de poids égal + un filet séparateur, ordre et tailles figés | Immorun × IMMOBEL · Build&Run × LIXON · BPP26 × Iris · Lime × Justine Henin | RECOMMANDÉ, encadré : ordre, hauteur optique identique, filet, aucune fusion |
Recommandation [REGLE] : **B comme socle + C pour une liste nominative + D encadré pour les
partenaires.** Trois conséquences immédiates :
- « Tero » n'est jamais un préfixe imposé : on ne renomme aucune marque (§ 1.4.4 est conservée) ;
- l'endossement par défaut est verbal + typographique — donc réalisable sans aucun dessin, donc
immédiatement applicable par les intégrateurs ;
- le logo de groupe apparaît une fois par page, pas une fois par section : le doublon
mot-symbole + monogramme est la faute la plus fréquente sur les sites multi-marques.
6.3 Les 3 niveaux d'endossement — critères et rendu attendu [REGLE]
| Niveau | Critères (2 sur 4 suffisent) | Ce qu'on affiche | Exemples |
|---|---|---|---|
| Fort | le nom contient déjà « Tero » · exploité à 100 % par le groupe · le groupe porte le risque · marque employeur | tero en en-tête + pilier nommé + lien tero.be + signature du groupe | Tero Padel Club, Tero Studio, Tero Lodges, Teroir |
| Moyen | nom propre mais activité créée par le groupe · pas de partenaire extérieur · durée > 3 ans | tero dans le bandeau ou le pied de page + pilier nommé + lien | Tero Trail, 12 km Anderlecht, Kids Camps |
| Faible / autonome | equity propre ou historique · co-signée avec un partenaire · marque acquise | tero en pied de page + « Un événement du groupe Tero » + lien ; pas de logo groupe en en-tête | Knokke Out, Bistro Pilko, Garisart / DPB-LU, BPP26, Immorun, Batirun, Build&Run, Impactrun |
6.4 La pyramide, appliquée au groupe réel
~~~text
TERO GROUP —— marque-mère · tero.be · signature « live. share. reconnect. »
│
├── TERO HOSPITALITY ......... lieux · team building · traiteur · restaurants
│ ├── Tero Lodges ......... Jalhay, Francorchamps, Ster, Herbeumont, Rochefort [fort]
│ ├── Hôtel La Malle Poste · Tero River House · Tero House17 · Tero Foresthouse
│ ├── Tero Eventhouse Waterloo · Château de Terblock · Lime Justine Henin Sports Hub
│ ├── Teroir .............. traiteur, « farm to fork » [fort]
│ └── Knokke Out Zoute · Bistro 17 · Bistro Pilko · Nest Zwin · River Woods [autonome]
│
├── TERO LEISURE ............. clubs et académies
│ ├── Tero Padel Club ..... 6 clubs · teropadelclub.be [fort]
│ ├── Tero Padel Academy · TeroGO · Sportero · Kids Camps
│ ├── Tero Studio ......... Reformer, Yoga, Pilates · terostudio.be [fort]
│ └── Garisart Sports Club / DPB-LU · garisartsportsclub.be [autonome]
│
└── TERO SPORT EVENTS ........ événements sportifs d'envergure
├── Immorun (be + lu) .... co-marque IMMOBEL [faible/co]
├── Batirun · Bouwrun · Build & Run ......... co-marque LIXON [faible/co]
├── Impactrun · Tero Trail · 12 km Anderlecht [moyen/faible]
└── Brussels Premier Padel (BPP26) ......... co-marque Iris [faible/co]
~~~
Règle de calcul [REGLE] : une entité qui n'a ni domaine ni actif graphique et qui n'est qu'un
nom d'activité ne reçoit pas de niveau d'endossement : elle s'écrit en texte, dans la bonne
casse, rattachée à son pilier (TeroGO, Jackfly School, Kids Camps, Sportero :
[A VALIDER CLIENT], voir § 9).
---
7. DÉCLINAISON PAR SOUS-MARQUE
7.1 Ce qui ne se décline jamais / ce qui se décline [REGLE]
| FIXE (toute marque du groupe) | SE DÉCLINE (par marque, sur validation) |
|---|---|
| Le mot-symbole et le monogramme officiels (mêmes fichiers) | La couleur d'accent de la marque |
| Le ratio, les dimensions minimales, la respiration | Le type d'imagerie et le traitement photo |
| Les 3 règles typographiques de base (Almarose, graisses, rampe) | Le ton éditorial (vouvoiement maintenu) |
| La règle de non-usage (§ 5) — les 12 interdits | Le logo propre de la marque (préexistant, préservé) |
La mention d'appartenance au groupe + lien tero.be | Le niveau d'endossement (§ 6.3) |
| La ligne de base de contraste WCAG 2.1 | Les composants signature (trame de points du padel, etc.) |
Neutres #000000 / #FFFFFF en fond dominant | La déclinaison du CTA (aplat de marque) |
Plafond [REGLE] : une sous-marque décline au maximum 2 accents (1 principal + 1 secondaire) et
1 famille d'imagerie. Au-delà, elle cesse d'appartenir au groupe — c'est la règle qui a manqué
jusqu'ici et qui a produit 164 valeurs chromatiques sur tero.be.
7.2 Tableau maître de déclinaison
Légende : [M] mesuré par moi · [L] fait fourni par le lead · [V] à valider client · (—) non mesuré.
| Marque | Pilier | Accent (source) | Imagerie | Endossement | Domaine | Logo existant |
|---|---|---|---|---|---|---|
| Tero Group | — | noir/blanc ; accent unique #007864 [M] | photo pleine, lieux et nature | — | tero.be | tero (officiel) |
| Tero Padel Club | Leisure | magenta #FF2E82 + lime #E9F44E + navy #0D1F30 [M _ref] ; partage le teal #007864 [L] | sport, clubhouse, trame de points | fort | teropadelclub.be | logo padel propre (ratio 1,98) |
| Tero Studio | Leisure | (—) | bien-être, intérieur, lumière | fort | terostudio.be | TERO-STUDIO-LOGO-01 [M] |
| Tero Trail | Sport Events | #2b4336 [M theme-color] | forêt, boue, trail | moyen | terotrail.be | Tero-trails-logo_Color-patch [M] |
| Garisart / DPB-LU | Leisure | lime #aac440 [L] | club, famille | autonome | garisartsportsclub.be [M] | DPB-LU-PrimaryLogo-White [M] |
| Teroir | Hospitality | (—) | table, producteurs, « farm to fork » | fort | intégré | (—) |
| Knokke Out Zoute | Hospitality | (—) | plage, soirée | autonome | (—) | (—) |
| Bistro Pilko / Bistro 17 | Hospitality | (—) | table, convivialité | autonome | (—) | (—) |
| Immorun (be / lu) | Sport Events | navy #263062 [M theme-color] + co-marque IMMOBEL [L] | course urbaine, foule | faible + co-marque | immorun.be · immorun.lu | LOGO_IMMORUN_2023_Runner-blue, Full-color [M] |
| Batirun / Bouwrun / Build & Run | Sport Events | #0E143C [M] ; logo rouge #c0001e [L] | chantier, networking | faible + co-marque LIXON [M] | batirun.be · bouwrun.be · buildandrun.be | LOGO_BATIRUN_Full-color, LOGO_BUILDRUN-V2_Website.svg [M] |
| Impactrun | Sport Events | #183f3c [M] — classé « dérive » dans la charte actuelle [V] | impact, solidarité | faible | impactrun.be | IMPACT-RUN_LOGO_Original.svg [M] |
| Brussels Premier Padel | Sport Events | orange #a56933 [L] ; logo « Iris » [M] | padel urbain, Bruxelles | faible + co-marque | www.brusselspremierpadel.be [M] | Logo-BPP26_RVB_Iris-color, Logo-BPP26_RVB_Color [M] |
| 12 km Anderlecht | Sport Events | (—) | course populaire | moyen | 12kmanderlecht.be | (—) |
7.3 Rattachement de teropadelclub à la base groupe — le cas d'école
La charte du padel est la plus aboutie du groupe ; elle contredit la base groupe sur plusieurs
points. Voici la décision, point par point.
| Point | teropadelclub (règles _ref + lead) | Base groupe | Décision [REGLE] |
|---|---|---|---|
| Couleur signature | magenta #FF2E82 (signature obligatoire sur chaque page) | absente des 7 déclarées | On conserve le magenta comme accent de la marque : un accent de sous-marque n'a pas à figurer dans la palette du site groupe. Il est déclaré dans le registre des accents (§ 7.5) et ne déborde jamais sur tero.be |
| Vert | #007864 « vert profond de la charte » [L] | teal déclaré #007864 | Déjà aligné : c'est le point d'ancrage naturel entre le padel et le groupe |
| Navy | #0D1F30 « couleur du logo » ; #123F6B « bleu du pictogramme officiel » | pétrole déclaré #004B69 | Ne pas confondre : le « pictogramme officiel » du padel n'est pas le monogramme Tero (qui est le o du mot-symbole, § 1.3). Deux objets distincts, à nommer différemment dans le registre |
| Typographie | WildYouth en police de titre forte (--ui-title-font-strong) [L] | WildYouth déclarée, 0 occurrence, « ne pas employer » | Contradiction à lever : au niveau groupe, WildYouth reste non employée jusqu'à l'arbitrage ; au niveau padel, elle est autorisée dans les limites du § 7.5 |
| Logo | logo padel propre, ratio 1,98, motif de points | mot-symbole tero, ratio 2,535 | Deux actifs distincts : le logo padel est la marque, tero est l'endossement. Ne jamais les fusionner |
| Endossement | « Site groupe : tero.be » | règle § 1.4.1 | Niveau fort : tero en en-tête ou en pied, lien tero.be, pilier nommé (Tero Leisure), mentions légales au nom du groupe |
Formulation d'endossement prête à l'emploi [REGLE] — aucun dessin requis :
Tero Padel Club — un club Tero Leisure. Le groupe Tero : tero.be
7.4 Politique d'accent : le garde-fou [REGLE]
- un accent de sous-marque ne se propage jamais au site groupe ni aux autres marques ;
- l'accent ne porte jamais le logo du groupe — le logo est noir ou blanc (§ 3.6) ;
- l'accent peut porter : le CTA, les filets, les sur-titres, les pastilles, la trame signature ;
- l'accent doit passer 4,5:1 en texte, sinon il est limité aux aplats à texte noir. C'est déjà
la règle mesurée du padel (#FF2E82 sur blanc = 3,52:1 → jamais en texte courant) ;
- l'accent est déclaré : il figure dans le registre (§ 7.5) avec sa source et sa mesure de
contraste. Un accent non déclaré est une faute de charte.
7.5 Registre des accents — scission de la liste « dérives » [REGLE]
La liste DESIGN.md § 2 « couleurs de dérive — à résorber » mélange aujourd'hui trois natures.
Je propose de la scinder :
| Catégorie | Contenu | Traitement |
|---|---|---|
| A. Accents de sous-marques déclarés | #2b4336 (Tero Trail) · #263062 (Immorun) · #0E143C (Batirun) · #575756 (Build&Run) · #183f3c (Impactrun) · #aac440 (Garisart) · #a56933 / #c0001e (BPP26 / Batirun) · #FF2E82 / #E9F44E / #0D1F30 (teropadelclub) | déclarés, valables uniquement sur le site de la marque concernée |
| B. Dérives réelles à résorber | #B00000 · #680224 · #550D24 · #B8451F · #8BB169 · #5E93A7 · #D9EAD3 · #FFF5E5 · #F0E6D7 · #DACEC7 · #D5E9F1 · #F9F4EC · #FF4A4A | à résorber, jamais à reproduire |
| C. Cas à trancher | la sauge #97AB83 (620 occurrences, 3ᵉ couleur du site groupe) | [A VALIDER CLIENT] — question 1 des règles. Position du studio : 620 occurrences = une couleur de fait ; si le client l'aime, elle devient une couleur déclarée avec un rôle (aplat, jamais texte : 2,48:1 sur blanc) ; sinon, plan de résorption chiffré |
WildYouth [REGLE] — proposition d'arbitrage, à confirmer : autorisée uniquement comme accent
calligraphique, un mot maximum par page, ≥ 32 px, jamais dans un logotype, jamais sur un
bouton, jamais deux fois sur la même page, couleur contrainte (teal #007864 ou noir au
niveau groupe ; magenta #FF2E82 sur teropadelclub), jamais sur photo sans voile (§ 4.5).
7.6 Imagerie par pilier [REGLE]
| Pilier | Sujet | Traitement | Interdits |
|---|---|---|---|
| Tero Hospitality | lieux réels du groupe, table partagée, matières (bois, lin, pierre), lumière naturelle | photo pleine, chaude, personne en action | banque d'images générique, intérieur sans lieu identifié |
| Tero Leisure | mouvement, clubhouse, sourire, trame de points | photo + accent de la marque en filet ou pastille | photos de stock de « sport » hors club |
| Tero Sport Events | foule, dossard, ville, effort | photo contrastée, recadrage serré, co-marque visible si partenaire | maquettes de logos partenaires non validées |
Règle transverse [REGLE] : une photo sans lieu identifié du groupe est interdite (anti-pattern
n° 7 de DESIGN.md) ; et aucune image ne contient une marque partenaire non autorisée.
---
8. GOUVERNANCE DU SYSTÈME DE MARQUE
8.1 Source de vérité et registre [REGLE]
| Objet | Source de vérité | Statut |
|---|---|---|
| Tracé officiel | _audit/logo-tero-2025.svg | figé — ne se redessine pas |
| Monogramme | extrait du tracé officiel (tracés n° 2 + n° 5) | figé |
| Gamme livrée | assets/logo/ | à consolider (§ 3.4) |
| Registre des actifs | assets/logo/REGISTRE-LOGOS.md | à créer — un actif absent du registre n'existe pas |
| Registre des accents | section dédiée du registre, ou DESIGN.md § 2 | à créer (§ 7.5) |
| Lockups validés | assets/logo/lockups/ | à créer — dossier vide tant qu'aucun lockup n'est livré |
| Masters imprimeur (EPS/AI, Pantone) | studio / imprimeur | hors dépôt |
8.2 Qui décide quoi
| Décision | Studio / DA | Lead intégration | Client |
|---|---|---|---|
| Fixer une taille minimale, une respiration, un interdit | décide | applique | informé |
| Produire un SVG dérivé (recolor, recadrage, export) | valide | exécute | informé |
| Dessiner un lockup, une variante sans barre | exécute | intègre | approuve |
| Nommer une marque, choisir un niveau d'endossement | propose | intègre | tranche |
| Choisir un accent de sous-marque | propose | intègre | tranche |
| Créer un logo de pilier | exécute si commandé | — | commande et approuve |
8.3 Contrôles automatiques à brancher dans la QA [REGLE]
| Contrôle | Méthode | Bloquant |
|---|---|---|
| Fichiers de marque non modifiés | comparer les d des <path> de assets/logo/*.svg aux tracés de _audit/logo-tero-2025.svg | oui |
| Nombre de tracés | mot-symbole = 5, monogramme = 2 | oui |
Absence de <image> / base64 / <pattern> / fill-rule dans un fichier de marque | grep | oui |
| Aucune couleur hors charte dans un SVG de marque | liste blanche des fill autorisés | oui |
| Paquet d'icônes complet | favicon.ico + favicon.svg + 180 opaque + 192 + 512 maskable + site.webmanifest + theme-color | oui |
| Taille de rendu ≥ minimum | mesurer la largeur rendue du logo, comparer au § 4.3 | oui |
| Respiration ≥ 0,5 X | mesurer la boîte la plus proche autour du logo | avertissement |
| Un seul logo de groupe par page | compter les <img> / <svg> de marque dans le DOM | avertissement |
| Contraste du voile photo | mesurer le pixel le plus clair sous la marque | oui |
---
9. CE QUI RESTE À TRANCHER OU À MESURER
| # | Sujet | Nature | Impact |
|---|---|---|---|
| 1 | Le monogramme est-il le logo secondaire officiel du groupe, en plus du mot-symbole ? | [A VALIDER CLIENT] | débloque le paquet d'icônes, les avatars, les tampons |
| 2 | Variante sans barre : à produire (studio) ou à abandonner ? Le nom NO_BASELINE est-il inversé ? | [A VALIDER CLIENT] | gamme de logo |
| 3 | Couleur du CTA au niveau groupe : noir (mesuré) ou teal #007864 (déclaré) ? | [A VALIDER CLIENT] | composants, contraste |
| 4 | Sauge #97AB83 : couleur déclarée ou plan de résorption ? | [A VALIDER CLIENT] | palette, 620 occurrences |
| 5 | Les 7 couleurs déclarées : un rôle par pilier, ou unique pour tout le groupe ? | [A VALIDER CLIENT] | toute la déclinaison (§ 7.2) |
| 6 | WildYouth : où, combien, quelle couleur ? | [A VALIDER CLIENT] | cohérence inter-sites |
| 7 | Graisses Almarose réellement livrées et licenciées (400/500/600/700, ou avec 800/900 ?) + licence desktop/print pour composer un descripteur | [A VALIDER CLIENT] | bloquant pour tout lockup |
| 8 | Logos de pilier : à dessiner ou à refuser ? | [A VALIDER CLIENT] | architecture |
| 9 | Codes couleur de Tero Studio, Teroir, Knokke Out, Bistro 17/Pilko, 12 km Anderlecht : non mesurés | à mesurer | tableau § 7.2 |
| 10 | Marques co-signées : ordre, tailles, filet (Immorun × IMMOBEL, Build&Run × LIXON, BPP26 × Iris, Lime × Justine Henin) | [A VALIDER CLIENT] | co-marque |
| 11 | TeroGO, Sportero, Jackfly School, Kids Camps : marques, activités ou produits ? | [A VALIDER CLIENT] | niveau d'endossement |
| 12 | Licence d'utilisation des logos partenaires (IMMOBEL, LIXON, Iris, Justine Henin) sur les supports du groupe | [A VALIDER CLIENT] | risque juridique |
| 13 | Nest Zwin Bistro et River Woods Beach Club : un seul lieu ou deux ? | [A VALIDER CLIENT] | inventaire |
| 14 | Le registre assets/logo/REGISTRE-LOGOS.md : qui le tient à jour ? | décision d'organisation | gouvernance |
---
ANNEXE A — Commandes de vérification reproductibles
Toutes les mesures de ce document se rejouent. Ce sont les tests à intégrer à la QA (§ 8.3).
~~~bash
1) Le mot-symbole officiel : 5 tracés, tous noirs, viewBox 0 0 100 40
grep -o '<path' _audit/logo-tero-2025.svg | wc -l # attendu : 5
grep -o 'fill="[^"]*"' _audit/logo-tero-2025.svg # attendu : none + 5 x black
grep -o 'viewBox="[^"]*"' _audit/logo-tero-2025.svg # attendu : 0 0 100 40
2) Aucun fichier de marque ne doit contenir de bitmap ni de motif
grep -l -E '<image|base64|<pattern' assets/logo/*.svg # attendu : aucun résultat
3) Nombre de tracés de chaque SVG de la gamme
for f in assets/logo/*.svg; do echo "$f : $(grep -o 'd="' "$f" | wc -l) tracés"; done
4) Le paquet d'icônes du site — échoue aujourd'hui sur tero.be
grep -oE '<link[^>]rel="[^"]icon[^"]"[^>]>' index.html
grep -o 'rel="manifest"' index.html
grep -o 'theme-color' index.html
~~~
Et en Node (mesure des boîtes d'encre, réutilisable en test) : décoder
_audit/monogram-tero-2026.png (PNG indexé, transparence par tRNS) et vérifier les trois
proportions 0,682 / 0,151 / 0,167 ainsi que le ratio 0,684 — c'est le test de non-régression
du monogramme.
ANNEXE B — Glossaire figé (à recopier dans le lexique § 5.2 des règles)
| Terme | Forme officielle | Interdits |
|---|---|---|
| La marque | Tero (graphie rédactionnelle) | TERO, Tero group, TEROGROUP |
| Le logo | tero (minuscules, dessiné) | l'écrire en texte, l'écrire en capitales |
| Le groupe | Tero Group ou « le groupe Tero » | toute forme juridique non vérifiée |
| Les piliers | Tero Hospitality · Tero Leisure · Tero Sport Events | abréger, traduire, inverser l'ordre |
| Le mot-symbole | tero seul | « logo texte », « wordmark TERO » |
| Le monogramme | le o (anneau + barre) | « l'anneau », « le cercle », « la vignette » |
| La signature | live. share. reconnect. | majuscules, virgules, traduction, points supplémentaires |
| L'endossement | « un club Tero Leisure », « un lieu Tero Hospitality » | « by Tero », « powered by Tero », Tero × sans validation |
---
DELTA A INTEGRER DANS LA CHARTE
Modifications concrètes à appliquer par le lead à craft/tero-group-rules.md, au design system
(DESIGN.md, tokens.css, design-tokens.json, manifest.json), à SKILL.md et à l'audit.
- § 4.1 — corriger la casse dans tout le tableau. Remplacer « mot-symbole TERO noir » par
« mot-symbole tero (minuscules) noir ». Ajouter une colonne « ratio » : 2,535 pour le
mot-symbole, 0,684 pour le monogramme.
- § 4.3 — corriger la règle de graphie. Remplacer « Le mot-symbole s'écrit TERO (capitales) »
par « le mot-symbole officiel s'écrit tero, minuscules ; Tero est la graphie
rédactionnelle ; TERO en capitales est une erreur ».
- § 18 (checklist) — corriger la ligne. Remplacer « La marque s'écrit
Terodans le texte,
TERO dans le logo » par « la marque s'écrit Tero dans le texte ; le logo officiel est le
dessin tero en minuscules ».
DESIGN.md§ 8 — corriger la ligne « Graphie » avec la même formulation, et **ajouter dans
DESIGN.md une section « Système de logo »** renvoyant au présent document : c'est la seule
partie « marque » absente du design system.
- § 4.1 — requalifier les 4 variantes 2023. Sortir
logo-tero-white.svg,logo-blue.svg,
logo-green.svg, logo_yellow.svg du registre officiel et les classer **« archive raster —
usage de production interdit »**, avec la preuve : <image> base64 dans un <pattern>,
viewBox 385 170 (ratio 2,26), couleurs #075F83 / #068973 / #F4C567
hors palette 2026.
- § 4.1 / § 13.1 / § 18 — retirer l'interdit du monogramme. Supprimer «
TERO_MONOGRAM-1.png:
NE PAS utiliser comme logo ». Le requalifier en actif officiel n° 2 : le glyphe o du
mot-symbole (ratio 0,684 ; proportions 0,682 / 0,151 / 0,167 identiques au vectoriel à 0,2 %).
Corriger la cause réelle du défaut schema.org : un mark portrait en Organization.logo
et un PNG 32 px déclaré en 192x192 et apple-touch-icon.
- § 13.1 — corriger le schéma.
Organization.logo= le mot-symbole (tero), en SVG
ou en PNG ≥ 512 px ; le monogramme sert de favicon et d'icône, jamais de logo d'organisation.
- § 4.1 — remplacer la source de vérité. La charte ne référence que des fichiers WordPress
2023/2025 (hors dépôt). Ajouter assets/logo/ comme registre officiel et
_audit/logo-tero-2025.svg comme tracé de référence figé.
- § 4.2.3 — remplacer la zone de respiration. « Au moins la hauteur du T » est indéfinissable
(pas de capitale ; l'élément le plus haut est l'anneau, 6,15 u au-dessus du montant du t).
Nouvelle règle : X = diamètre de l'anneau = 0,265 × largeur du mot-symbole = 0,684 × hauteur
du monogramme ; respiration mini = 0,5 X, conseillée = 1 X.
- § 4.2.4 — remplacer la taille minimale. « Hauteur minimale à l'écran : 32 px » devient
mot-symbole ≥ 88 px de large (trait 5,7 px), monogramme ≥ 16 px de haut (trait 2,7 px),
impression 25 mm / 6 mm, tampon 8 mm. Justification dérivable : trait le plus fin =
0,0645 × largeur (mot-symbole) et 0,167 × hauteur (monogramme).
- § 4.2 — ajouter la ligne « marge interne du fichier » : le fichier officiel n'a aucune
respiration interne (0 sur les côtés, 0,28 u en haut et en bas) et l'encre dépasse de 0,01 u à
droite ; toute respiration est à la charge de l'intégrateur.
- § 4.2.5 — rendre le voile photo mesurable. Remplacer « un voile sombre garantissant le
contraste » par : la zone derrière le logo ou un texte blanc doit être ≤ #767676
(4,5:1) ; derrière le seul signe, ≤ #949494 (3:1). Contrôle sur les 5 largeurs.
- Ajouter § 4.4 « Grille de construction » : les 5 tracés et leurs boîtes d'encre (tableau
§ 1.2), l'invariant épaisseur de l'anneau = hauteur de la barre = D/4,1, le vide 0,9 m, la
contre-forme 0,512 D, la barre de largeur = D posée sur la ligne de base, et les
interlettrages optiques 4,98 / 6,36 / 5,72 u. C'est ce qui rend le logo non-recomposable.
- Ajouter § 4.5 « Gamme de variantes » : tableau des 11 fichiers existants (statut OK) et des
12 livrables manquants du § 3.4, avec la colonne « dérivable / studio ».
- Ajouter § 4.6 « Non-usage » : les 12 interdits du § 5.1, le test des 5 secondes, et le
piège SVGO (la contre-forme du o peut se remplir : le fichier officiel n'a pas de
fill-rule="evenodd" de secours).
DESIGN.md§ 2 +tokens.css— scinder la liste « dérives » en trois :
(A) accents de sous-marques déclarés (#2b4336 Tero Trail · #263062 Immorun ·
#0E143C Batirun · #575756 Build&Run · #183f3c Impactrun · #aac440 Garisart ·
#a56933 / #c0001e BPP26-Batirun · #FF2E82 / #E9F44E / #0D1F30
teropadelclub) ; (B) dérives réelles à résorber (les 13 autres) ; (C) cas à trancher
(sauge #97AB83). Motif : #183F3C est le theme-color live d'impactrun.be — ce
n'est pas une dérive du site groupe mais une identité de marque.
tokens.css— ajouter les tokens de marque :--brand-logo-ratio: 2.535,
--brand-monogram-ratio: 0.684, --brand-mark-module: 0.2437, --brand-clear-space-min,
--icon-16/32/48/180/192/512, et --radius-appicon: 22.37% réservé au masque de l'OS
(jamais dans le fichier SVG).
manifest.json— ajouter un blocbrandAssets(mot-symbole, monogramme, fichiers
d'icônes, theme_color) et un bloc subBrandAccents (registre du § 7.5), pour que
l'information cesse de vivre dans trois documents différents.
SKILL.md§ 2 « Interdits immédiats » — corriger : retirer « ou la vignette anneau
TERO_MONOGRAM-1.png utilisée comme logo » et le remplacer par « partir d'un logo-*.svg
de 2023 (bitmap tracé) », « écrire TERO en capitales », « rogner le logo ». Ajouter le renvoi
au présent document.
- § 1.4 — transformer l'interdit de lockup en registre. « Aucun lockup ne peut être créé »
devient : « aucun lockup improvisé ; l'endossement par défaut est textuel et typographique ;
les lockups validés vivent dans assets/logo/lockups/ ». Ajouter le tableau des **3 niveaux
d'endossement** (fort / moyen / faible-autonome) avec critères et rendu attendu, et la liste
nominative marque → niveau (§ 6.3).
- Ajouter § 1.6 « Architecture de marque » : les 4 modèles, la **recommandation (B, endossement
à deux niveaux, + C nominatif + D co-marque encadré)**, la règle « Tero n'est jamais un préfixe
imposé », la pyramide réelle (§ 6.4) et la règle « un nom d'activité sans domaine ni actif n'a pas
de niveau d'endossement ».
- § 1.4.1 — préciser la forme de l'endossement par niveau : fort →
teroen en-tête + pilier
+ lien + signature ; moyen → bandeau ou pied de page + pilier + lien ; faible → pied de page +
« Un événement du groupe Tero » + lien. Fournir la formule figée :
« Tero Padel Club — un club Tero Leisure. Le groupe Tero : tero.be ».
- § 13.3 — ajouter le paquet d'icônes et le manifeste, et corriger le défaut mesuré sur tero.be :
un PNG 32 × 32 déclaré en 192x192 et en apple-touch-icon, sans
favicon.svg, sans favicon.ico, sans site.webmanifest, sans
theme-color. Idem sur garisartsportsclub.be : le groupe est aujourd'hui moins bien équipé que
ses sous-marques.
- § 3.1 / § 3.4 — lever la contradiction des graisses Almarose (400/500/600/700 annoncées sans 900
vs un almarose-900.woff2 chargé et un h2 « à 800 ») et **ajouter l'exigence de licence
desktop/print** pour composer le moindre descripteur dans un lockup.
- § 3.4 — trancher WildYouth côté groupe : proposition **un mot maximum, ≥ 32 px, jamais dans un
logotype, jamais sur un CTA, couleur contrainte (teal ou noir ; magenta réservé à teropadelclub),
jamais deux fois par page** ; lever la contradiction avec
_ref/teropadelclub/.open-design/plugins/tero-design/craft/tero-rules.md.
- § 5.2 (lexique) — ajouter les 8 termes figés du système de marque (annexe B) : mot-symbole,
monogramme, marque compacte, lockup, endossement, signature, lieu Tero, co-marque, avec leurs
interdits.
- § 17 (pièges connus) — ajouter 5 pièges mesurés : SVGO qui remplit la contre-forme du
o;
PNG 32 px agrandi en 192 px ; monogramme portrait forcé en carré ; currentColor non contraint
qui produit une couleur hors charte ; overflow: hidden qui rogne le logo (marge interne = 0).
- Créer
assets/logo/REGISTRE-LOGOS.md: un tableau (fichier · contenu · source · couleur ·
viewBox · usage autorisé · statut) et la règle « **un actif absent du registre n'est pas un
actif de marque ». Y intégrer le registre des accents** (§ 7.5) et la convention de nommage.
- § 8 / § 16.2 — ajouter les contrôles automatiques de marque (§ 8.3) à la QA : nombre de tracés,
absence de <image> / base64 / <pattern>, couleurs en liste blanche, complétude du paquet
d'icônes, taille minimale rendue, respiration, unicité du logo par page, contraste du voile photo.
Un contrôle de marque qui échoue est bloquant.
docs/AUDIT-TERO-BE-2026.md— corriger le constat § 3.1 : le raster 1272 × 1861 est le
monogramme officiel (le o du mot-symbole). Remplacer « détourage vertical qui ne contient ni
le mot-symbole ni un monogramme » par « monogramme officiel utilisé au mauvais endroit
(Organization.logo) et à la mauvaise résolution (32 px en 192 px) ».
_ref/teropadelclub/.open-design/plugins/tero-design/craft/tero-rules.md— aligner 4 points
sur la base groupe, sans rien casser : le teal #007864 est déjà le point d'ancrage ; le
« pictogramme officiel » #123F6B n'est pas le monogramme Tero ; le logo padel (ratio 1,98)
et le mot-symbole groupe (ratio 2,535) sont deux actifs distincts ; #0D1F30 est la couleur
du logo du padel, pas une couleur du groupe.