AUDIT — www.tero.be : charte graphique et règles du groupe TERO
Objet : relever, mesurer et documenter l'identité du site groupe tero.be (maison mère)
afin de refaire les skills charte graphique et règles du TERO GROUP.
Date du relevé : 15 octobre 2026. Auteur : audit outillé (DSH).
Méthode : relevé live + miroir WordPress local + analyse statistique du CSS de production.
Aucune valeur de ce document n'est inventée : chaque chiffre porte sa source.
---
0. Périmètre, méthode et limites
| Source | Volume | Ce qu'on en tire |
|---|---|---|
Live https://tero.be/fr/, /fr/contact/, /fr/tero-group/ | pages publiques | arborescence, entités, textes, JSON-LD, polices, logo |
Kit Elementor post-6.css | 1 fichier | palette globale déclarée + typographies globales |
Corpus CSS Elementor wp-content/uploads/elementor/css/*.css | 536 fichiers, 9,1 Mo | couleurs, tailles, rayons réellement utilisés |
extract/posts.json | 1 144 enregistrements (399 pages) | contenu verbatim, valeurs de marque, faits |
Médias wp-content/uploads | 51 fichiers logo | variantes officielles du logo |
Limites explicites
- Les mesures de couleur portent sur le CSS servi, pas sur les pixels rendus : une couleur
déclarée n'est pas forcément visible, et une couleur visible peut venir d'une image.
- Le rendu visuel (espacements réels, hiérarchie perçue) n'a pas été capturé au navigateur
dans cet audit : à compléter par des captures aux largeurs 360/390/768/1024/1440.
- Toute valeur marquée [À VALIDER CLIENT] est une hypothèse de lecture, pas une décision.
---
1. Plateforme
| Élément | Constat |
|---|---|
| CMS | WordPress + thème Hello Elementor 3.4.4 |
| Constructeur | Elementor 4.3.5 + Elementor Pro 4.3.2 |
| Contenu dynamique | Crocoblock JetEngine 3.8.15.4, JetThemeCore, JetTabs, JetBlog, JetFormBuilder |
| Multilingue | WPML — FR (/fr/), EN (/en/), NL (/nl/) |
| SEO | Rank Math (sitemaps par langue, schéma, métas) |
| Performance | WP Rocket, WebP Express |
| Consentement | Cookiebot |
| Analytics | GTM GTM-NKPLDKZ, LinkedIn, Meta, Hotjar, Clarity, Bing |
| Dernière modification de l'accueil | 2026-10-02 15:22 UTC |
Conséquence pour la charte : l'identité visuelle de tero.be n'est pas pilotée par un système
de design (tokens), elle est **le produit de 536 feuilles de style Elementor générées page par
page**. C'est la cause racine de tous les écarts mesurés au § 3.
---
2. Entité et architecture de marque (la maison mère)
2.1 Faits relevés (source : contenu du site, verbatim)
- Tero Group = le groupe, maison mère. Création 2020, rapprochement de deux frères
officialisé en 2022 : Arthur Lhoist et Nicolas Lhoist.
- Alliance de Tero, People First (devenu Tero Team Building) et Knokke Out.
- ~125 personnes ; « 25 ans d'expertise » événementielle ; « depuis 1997 » pour l'activité
d'origine ; 17 lieux d'exception.
- Coordonnées groupe : Belgique — Chau. de Tervuren 389, 1410 Waterloo, +32 484 59 87 48 ;
Luxembourg — Rives des Clausen 15, 2165 Luxembourg, +352 671 315 015.
- Démarche impact : cadre B Corp, Chief Impact Officer, analyse de double matérialité,
comité d'impact.
2.2 Les trois piliers (structure officielle du site /fr/tero-group/)
| Pilier | Contenu déclaré | Marques / domaines cités |
|---|---|---|
| Tero Hospitality | lieux, team building, traiteur | Knokke Out Zoute, Bistro 17 Luxembourg, Bistro Pilko, Teroir (traiteur) |
| Tero Leisure | clubs et académies (padel, tennis, bien-être) | teropadelclub.be, terostudio.be, garisart.be |
| Tero Sport Events | événements sportifs d'envergure, consultance | immorun.be, immorun.lu, batirun.be, bouwrun.be, buildandrun.be, impactrun.be, terotrail.be, brusselspremierpadel.be, 12kmanderlecht.be |
2.3 Inventaire des entités nommées sur le site groupe
- Lieux (17) : Tero Lodges (Jalhay, Francorchamps, Ster, Herbeumont, Rochefort) · Hôtel
La Malle Poste (Rochefort) · Tero River House (Luxembourg) · Tero House17 (Luxembourg) ·
Tero Foresthouse Martué · Tero Eventhouse Waterloo · Château de Terblock · Lime Justine Henin
Sports Hub (Wavre-Limelette) · Garisart Sports Club (Arlon) · Padel Club Louise ·
Knokke Out Zoute · Nest Zwin Bistro · River Woods Beach Club.
- Restaurants : Knokke Out Zoute · Bistro 17 (Luxembourg) · Bistro Pilko.
- Traiteur : Teroir (« farm to fork »).
- Autres : Tero Padel Academy · Tero Studio (bien-être) · TeroGO (plateforme) ·
Jackfly School (voile/surf) · Kids Camps · Sportero.
2.4 Constat de gouvernance de marque
Le site groupe met les sous-marques au même niveau visuel que la maison mère. La page
/fr/tero-group/ liste les marques sans hiérarchie typographique, et la navigation principale
n'expose jamais « Tero Group » comme niveau supérieur : elle expose des verticales
(événements, lieux, traiteur). La règle d'endossement « maison mère → sous-activité » n'existe
donc pas aujourd'hui. C'est le principal manque à combler par les nouvelles règles.
---
3. Identité visuelle mesurée
3.1 Logo
| Élément | Constat |
|---|---|
| Logo servi par le site | wp-content/uploads/2025/02/tero_logo.svg — mot-symbole tero (minuscules), viewBox="0 0 100 40", 5 tracés, fill="black", ratio 2,535 (monochrome noir, 100 × 40) |
| Variantes présentes en médiathèque | logo-tero-white.svg (blanc) · logo-blue.svg (#075F83) · logo-green.svg (#068973) · logo-header.svg (#292929, viewBox="0 0 28 43") · logo-footer.svg |
Logo déclaré aux moteurs (schema.org Organization.logo) | uploads/2026/09/TERO_MONOGRAM-1.png — 1 272 × 1 861 px (portrait), contenu = un anneau noir plein + une bande noire |
Constat bloquant : l'image déclarée comme logo de l'organisation aux moteurs de recherche
est un détourage vertical (ratio 0,68) qui ne contient ni le mot-symbole ni un monogramme
lisible — un anneau. Pour Google comme pour les moteurs de réponse (GEO), l'entité « Tero » est
donc associée à une vignette non représentative. À corriger : déclarer le mot-symbole.
3.2 Typographie
| Élément | Constat mesuré |
|---|---|
| Police de marque | Almarose (auto-hébergée), graisses 400 / 500 / 600 / 700 / 900 (Almarose-Extrabold = 900 ; 800 : aucun fichier) |
| Fichiers | Almarose-Regular, Almarose-Medium, Almarose-Semibold (2023-12), Almarose-Bold (2025-06) |
| Police script | WildYouth enregistrée (WildYouth.f1ea952.woff2) — 0 occurrence dans les 536 fichiers CSS : déclarée, jamais utilisée |
| Typographies globales Elementor | primary 400 · secondary 400 · text 400 · accent 500 — toutes Almarose |
| Tailles réellement utilisées | 30 valeurs px distinctes : 15px (×1039), 14 (×659), 20 (×616), 18 (×523), 25 (×515), 13 (×455), 16 (×423), 24 (×367), 40 (×291), 30 (×282), 32 (×170), 12 (×160), 60 (×129), 17 (×106), 50 (×90), 36 (×76), 80 (×75)… |
Constat : il n'existe aucune échelle typographique. Le corps de texte oscille entre 13 et
17 px selon la page, et les titres entre 20 et 80 px sans rampe.
3.3 Couleurs
Palette globale déclarée (kit Elementor post-6.css, la seule « charte » existante) :
| Rôle déclaré | Hex |
|---|---|
| primary / text / accent | #000000 |
| secondary | #FFFFFF |
| nommée 1 | #007864 (teal) |
| nommée 2 | #004B69 (pétrole) |
| nommée 3 | #FAD282 (sable) |
| nommée 4 | #D7B4B4 (rose poudré) |
| nommées 5-6 | #B93815 (terracotta, en double) |
| nommée 7 | #FF1D58 (rose vif) |
| nommée 8 | #00B7FF (cyan) |
Palette réellement utilisée (536 fichiers, 9,1 Mo, 6 291 occurrences de couleur) :
| Rang | Hex | Occurrences |
|---|---|---|
| 1 | #FFFFFF | 1 443 |
| 2 | #000000 | 1 269 |
| 3 | #97AB83 (sauge — non déclarée) | 620 |
| 4 | #F6F4F4 | 388 |
| 5 | #323232 | 243 |
| 6 | #212121 | 188 |
| 7 | #B9B9B9 | 142 |
| 8 | #D9D9D9 | 130 |
| 9 | #F1F5F3 | 90 |
| 10 | #F0E6D7 | 87 |
| 11 | #B00000 | 86 |
| 12 | #680224 | 86 |
| 13 | #FFF5E5 | 68 |
| 14 | #D9EAD3 | 67 |
| 15 | #5E93A7 | 55 |
| 16 | #007864 (déclarée) | 47 |
Mesures de dérive
- 164 valeurs hexadécimales distinctes pour 6 291 occurrences.
- Les 10 premières valeurs = 73,1 % des occurrences (mais ce sont des neutres et la sauge).
- Les 7 couleurs de marque déclarées totalisent 127 occurrences = 2,0 % de la couleur du site.
#FF1D58(rose vif déclaré) : 1 occurrence.
3.4 Rayons, conteneur, composants
| Élément | Valeur mesurée |
|---|---|
| Rayons d'angle distincts | 15+ : 999px (×623), 0 (×381), 25px (×225), 20px (×188), 7px (×570 cumulés sur 4 variantes), 40px (×157), 50px (×116), 30px (×99), 100px (×98), 47px (×83), 32px (×74), 38px (×70) |
| Largeur de conteneur | 1 100 px (.e-con / .elementor-section-boxed) |
Bouton principal (.cta.bg-black) | fond noir, rayon 38 px, font-size: .875rem, font-weight: 600, padding: .75rem 1.25rem |
| Espacement inter-widgets | 20px (global Elementor), marge sous widget 20 px |
Constat : pas d'échelle de rayons ni d'échelle d'espacement ; la pilule à 38 px a été
recopiée à la main dans le CSS custom.
3.5 Contrastes calculés (formule WCAG 2.1, valeurs vérifiables)
| Couleur | Hex | sur blanc | sur noir |
|---|---|---|---|
| Teal (déclarée) | #007864 | 5,43:1 ✅ AA | 3,87:1 ❌ |
| Pétrole (déclarée) | #004B69 | 9,50:1 ✅ AAA | 2,21:1 ❌ |
| Terracotta (déclarée) | #B93815 | 5,77:1 ✅ AA | 3,64:1 ❌ |
| Rose vif (déclarée) | #FF1D58 | 3,77:1 ❌ | 5,57:1 ✅ AA |
| Cyan (déclarée) | #00B7FF | 2,28:1 ❌ | 9,22:1 ✅ AAA |
| Sable (déclarée) | #FAD282 | 1,44:1 ❌ | 14,61:1 ✅ AAA |
| Rose poudré (déclarée) | #D7B4B4 | 1,90:1 ❌ | 11,08:1 ✅ AAA |
| Sauge (dérive) | #97AB83 | 2,48:1 ❌ | 8,47:1 ✅ |
| Bleu-gris (dérive) | #5E93A7 | 3,38:1 ❌ | 6,21:1 ✅ |
| Bordeaux (dérive) | #B00000 | 7,38:1 ✅ AA | 2,85:1 ❌ |
| Prune (dérive) | #680224 | 12,94:1 ✅ AAA | 1,62:1 ❌ |
| Gris profond (dérive) | #323232 | 12,82:1 ✅ AAA | 1,64:1 ❌ |
| Gris clair (dérive) | #B9B9B9 | 1,96:1 ❌ | 10,70:1 ✅ |
Règle qui se déduit des mesures : sur fond clair, seuls **#007864, #004B69,
#B93815, #B00000, #680224, #323232, #000000** sont utilisables en texte.
#FAD282, #D7B4B4, #00B7FF, #FF1D58, #97AB83, #B9B9B9 sont des aplats :
ils exigent un texte noir (et passent alors largement AAA).
---
4. Voix et vocabulaire relevés
| Registre | Constat verbatim |
|---|---|
| Signature | « live. share. reconnect. » (minuscules, points, en tête d'accueil) |
| Promesse | « Des événements à la hauteur de vos ambitions. » · « Tero orchestre vos séminaires, soirées d'entreprise et événements privés depuis plus de 25 ans. » |
| Idée de marque | « Arrêter le temps, pour se reconnecter aux autres, à la nature, à soi. » |
| Valeurs déclarées | La passion · L'engagement · Le respect · L'authenticité |
| Adresse | vouvoiement systématique du client (« Vos équipes », « Votre évènement »), « on »/« nous » pour l'entreprise |
| Graphie de marque | le mot-symbole est tero, en minuscules (le tracé est en bas de casse : x-hauteur 26,4 u contre montant du t 32,8 u) ; la graphie rédactionnelle est Tero |
| Lexique maison | « team building » / « teambuilding » (les deux coexistent) · « gîtes » / « Tero Lodges » · « lieux ressourçants » · « farm to fork » / « farm-to-fork » · « sur-mesure » · « impact » |
| Type de phrase | affirmative, concrète, chiffrée, sans superlatif vide |
Écarts relevés : coexistence « team building » / « teambuilding » ; « farm to fork » /
« farm-to-fork » ; « évènement » / « événement » selon les pages.
---
5. SEO, GEO et données structurées
Ce qui fonctionne : hreflang en / fr / nl + x-default, canonical par langue,
sitemaps par langue (Rank Math), métas et OG par page, robots ouvert.
Défauts constatés dans le JSON-LD servi par toutes les pages
- Le nœud de page est typé
Articlesur des pages non éditoriales (accueil, contact,
tero-group) au lieu de WebPage.
- L'auteur déclaré est
lumisys(compte agence) avec un profil/author/lumisys/: mauvaise
entité pour l'E-E-A-T.
sameAsde l'auteur contient l'URL de prévisualisation Infomaniak
(https://b88ep6bjdmh.preview.infomaniak.website) : fuite d'environnement dans les données
publiques.
Organization.logopointe une vignette non représentative (§ 3.1) ; pas debrand/
subOrganization pour les trois piliers ni pour les sous-marques.
og:image:width="800"/height="534"annoncés pour une image servie en 1024 × 683.
---
6. Accessibilité et performance — points à contrôler dans la refonte
- Contraste : les couples déclarés au § 3.5 doivent être contrôlés dans le rendu, pas
seulement dans le CSS.
- Cibles tactiles : la pilule CTA a un padding de 12 px / 20 px — hauteur réelle à mesurer
(le minimum est 44 px).
- Focus visible : non auditable depuis le CSS seul — à vérifier au navigateur.
- Performance : 536 feuilles CSS et une trentaine de fichiers JS Elementor sont chargés — le
poids de CSS est la principale dette mesurable (9,1 Mo de CSS généré au total).
---
7. Diagnostic — les 12 constats qui justifient de refaire les skills
| # | Constat | Mesure |
|---|---|---|
| 1 | Aucune palette appliquée | 164 hex distincts ; 2,0 % d'occurrences pour les 7 couleurs déclarées |
| 2 | Une couleur hors charte domine | #97AB83 : 620 occurrences, la 3ᵉ du site |
| 3 | Aucune échelle typographique | 30 tailles px distinctes |
| 4 | Aucune échelle de rayons | 15+ valeurs, de 0 à 999 px |
| 5 | La police script est déclarée mais morte | WildYouth : 0 occurrence sur 536 fichiers |
| 6 | Le logo déclaré aux moteurs n'est pas le logo | TERO_MONOGRAM-1.png, anneau 1272 × 1861 portrait |
| 7 | La maison mère n'est pas hiérarchisée | 3 piliers listés à plat, aucune règle d'endossement |
| 8 | Graphies concurrentes | « team building » / « teambuilding », « farm to fork » / « farm-to-fork », « évènement » / « événement » |
| 9 | Données structurées fausses | Article sur pages, auteur lumisys, sameAs de prévisualisation |
| 10 | Contrastes non documentés | 6 des 7 couleurs déclarées échouent AA sur fond clair en texte |
| 11 | Système de design inexistant | identité produite page par page par Elementor (536 CSS) |
| 12 | Faits de marque dispersés | entités, adresses, chiffres présents dans les pages mais dans aucune source de vérité |
---
8. Ce que les nouveaux skills TERO GROUP doivent figer
Figé (mesuré, opposable) : mot-symbole tero (minuscules) et variantes · Almarose 400/500/600/700/900 · les 7
couleurs déclarées + la base neutre · les contrastes calculés · l'architecture 3 piliers et
l'inventaire des entités · les adresses groupe · la signature « live. share. reconnect. » ·
les 4 valeurs · le vouvoiement et la graphie « Tero ».
À trancher par le client (aucune invention) :
#97AB83(sauge) est-il une couleur de marque ou une dérive à éliminer ?- La charte est-elle une pour tout le groupe, ou une base groupe + des déclinaisons par
pilier ? Aujourd'hui teropadelclub.be utilise un magenta #FF2E82 et un lime #E9F44E
qui n'existent pas dans la palette du groupe.
- Quelle est la règle d'endossement des sous-marques (« Tero X », marque seule, lockup) ?
- WildYouth : on l'utilise (où, comment) ou on la retire du socle ?
- Le logo officiel de référence : mot-symbole noir, ou déclinaison par pilier ?
- Quelle couleur porte le CTA au niveau groupe ?
Question ouverte non tranchée : la coexistence, sur tero.be, d'une palette de groupe
(teal / pétrole / sable / terracotta / cyan) et d'une palette padel (magenta / lime / navy) :
sans arbitrage, toute nouvelle production reproduira la dérive mesurée au § 3.3.
---
9. Sources
- Live :
https://tero.be/fr/·/fr/contact/·/fr/tero-group/(relevé 2026-10-15) - Kit Elementor :
wp-content/uploads/elementor/css/post-6.css - Corpus CSS :
wp-content/uploads/elementor/css/*.css(536 fichiers, 9,1 Mo) - Contenu :
extract/posts.json(1 144 enregistrements) - Médias :
wp-content/uploads/2025/02/tero_logo.svg,2023/12/logo-*.svg,
2026/09/TERO_MONOGRAM-1.png
- Plan de migration :
PLAN-EXECUTION.md(WordPress → Next.js + Payload) ;
prototype tero-next/
---
10. Correctifs après expertise contradictoire (15 octobre 2026)
Quatre experts ont rejoué les mesures et challengé cet audit. Trois de ses conclusions étaient
fausses ou incomplètes : elles sont corrigées ici, et le corps du document a été mis à jour.
| Constat initial | Correction | Preuve |
|---|---|---|
Le mot-symbole serait TERO en capitales | Le tracé officiel est tero, en minuscules : 5 tracés pour 4 lettres, x-hauteur 26,4 u contre un montant de t de 32,8 u, traverse du t | _audit/logo-tero-2025.svg (Bézier aplatis) |
TERO_MONOGRAM-1.png serait « un anneau sans monogramme lisible » | C'est le monogramme officiel : le glyphe o du mot-symbole (anneau plein + barre), ratio 0,684 = 0,6835 du tracé. Il est légitime en favicon, icône, avatar, filigrane. Le vrai défaut est son usage en Organization.logo (mark portrait, sans mot-symbole), avec un PNG 32 px déclaré en 192x192 et apple-touch-icon | décodage pixel + _audit/path-geometry.json |
| Almarose « 400/500/600/700, pas de 900 » | Cinq graisses sont livrées : 400/500/600/700/900 (Almarose-Extrabold = almarose-900.woff2), chargées par teropadelclub. Seul le 800 est interdit (aucun fichier) | _ref/teropadelclub/src/styles/global.css L34-38 ; Almarose-Extrabold.woff2 dans les deux miroirs |
| « TERO_LOGO-NO_BASELINE » : deux constructions du logo | Non vérifiable : les pixels servis (color et white) contiennent la barre sous le o, aux coordonnées officielles (x 73,5-100 ; y ≈ 32,8-39,0). À trancher avec le studio — c'est peut-être un master jamais exporté | décodage des PNG servis par terotrail.be |
| Les variantes couleur 2023 = déclinaisons officielles | Archives rasters : balise <image> en base64 dans un <pattern>, viewBox 385 170 (ratio 2,26), couleurs #075F83 / #068973 / #F4C567 hors palette 2026. Usage de production interdit | lecture des 4 SVG |
Article « à remplacer par WebPage » | WebPage et Article coexistent sur /fr/, /fr/tero-group/, /fr/contact/ : il faut supprimer le nœud Article surnuméraire (#richSnippet), pas le remplacer | JSON-LD live |
| « Le logo déclaré aux moteurs n'est pas le logo » (formulation) | Reformulé en § 3.1 : le fichier est le monogramme officiel ; le défaut est son type et son format dans le schéma | — |
10.1 Trois défauts mesurés qui n'étaient pas dans l'audit initial
- Entité fragmentée : tero.be déclare trois
Organizationdistinctes (/fr|/en|/nl/#organization/),
et les pages EN/NL pointent url = tero.be/fr. Un seul @id https://tero.be/#organization est requis.
robots.txtdéclareSitemap: /sitemap.xml→ 404 (l'index réel est/sitemap_index.xml), et il
manque PerplexityBot, OAI-SearchBot, ChatGPT-User, Bingbot ; Bytespider y est autorisé.
llms.txtexiste déjà (généré par Rank Math : 76 779 caractères, 275 URL 100 % FR, aucune NL/EN)
et llms-full.txt renvoie 404 : il faut remplacer, pas créer.
10.2 Famille officielle inventoriée dans le miroir complet (sites/tero.be)
Le miroir 2026 apporte des actifs que l'audit initial n'avait pas vus :
TERO_MONOGRAMME-BLANC (monogramme blanc), cropped-TERO_MONOGRAM_FAVICON-32x32,
Google_Favicon_2025.svg, logo-tero-white/blue/green/yellow.svg, logo_Midi_1,
logo-header/footer/hero/contact/activities-hero/venues-hero.svg,
et les logos de marques : TEROIR (traiteur), Tero Studio, Hôtel La Malle Poste,
Tero Trail, Immorun (+ co-marque IMMOBEL), Batirun, Brussels Premier Padel,
Garisart Sports Club. Voir _audit/planche-famille-officielle.png.
10.3 Contraste — trois échecs supplémentaires révélés par l'expertise
En plus des 6 couleurs déclarées qui échouent AA en texte sur blanc : teal sur #E5E6E5 = 4,34:1,
teal sur #D9D9D9 = 3,84:1, terracotta sur #D9D9D9 = 4,09:1. Et le focus teal est
inutilisable : 1,00:1 sur aplat teal, 2,97:1 sur #212121.
10.4 Annexes normatives
Le détail opposable vit dans quatre rapports d'experts, cités par la charte :
docs/design/EXPERT-01-LOGO-ET-ARCHITECTURE-DE-MARQUE.md ·
docs/design/EXPERT-02-DESIGN-SYSTEM-TOKENS-COMPOSANTS.md ·
docs/design/EXPERT-03-COULEUR-A11Y-PERFORMANCE.md ·
docs/design/EXPERT-04-SEO-GEO-EDITORIAL.md.