Essence
Révéler l'invisible
Ce qui est sous la surface remonte à la lumière, mesuré et lisible.
charte d'identité · v1.0 · 2026
L'identité visuelle
de Sillage
Le système complet de la marque : sa plateforme, son logo, ses couleurs, sa typographie et sa voix. Tout part d'une idée - sonder ce qui est sous la surface.
Sillage par Hezign
- Diagnostic SEO & GEO
- Landing + scanner intégré
- 50+ critères, 6 axes
- Projet Vercel autonome
01 · plateforme de marque
Sonder ce que Google
et les IA voient vraiment.
Sillage sonde un site sur 50+ critères SEO et GEO, puis remonte un diagnostic clair. Le nom dit tout : la trace laissée dans les résultats, l'onde qui revient des profondeurs. La marque doit se sentir précise, technique et rassurante - un instrument, pas un gadget.
Personnalité
Métaphore
Le sonar
Un signal descend, balaie, revient. Toute la marque tient dans ce geste.
02 · le logo
Un S scanné par le sonar
Le monogramme naît de deux cercles tangents, puis dix lignes de sonde le révèlent. Extrémités rondes, coupe franche. Il fonctionne en tuile, seul, et jusqu'au favicon.
Sillage
Sillage
Construction
- rayon 22 u · cercles tangents
- trait 15 u · bouts ronds
- sondes 10 × pas 8 u
- marge ≥ ¼ hauteur
≥ 48 scanné
32 plein
16 plein
Sous 24 px, les lignes de sonde se referment : on bascule sur le S plein. La tuile reste abyss, le S reste bleu - toujours.
03 · couleurs
Bleu signal, fond abyss
Deux pôles portent la marque : le bleu qui agit et l'abyss qui contient. Autour, une échelle de neutres froids et trois couleurs de statut réservées au diagnostic.
Bleu signal Action, liens, accents #2B5BFF
Abyss Fonds, tuile du symbole #07183A
Bleus & abyss - extensions
Bleu 600
#1E45D6 Bleu clair
#6E92FF Bleu soft
#E8EEFF Abyss 2
#0B214E Sur-abyss
#EAF1FC Abyss muet
#93A7C6 Neutres froids
Encre
#07142B Muet
#51617C Faible
#8493A8 Trait +
#C4D2E8 Trait
#DAE3F2 Fond
#F2F5FB Statuts diagnostic - usage réservé aux résultats
Conforme
#1D9E75 À surveiller
#EF9F27 À corriger
#E24B4A N/A
#9AA7BC 04 · typographie
Trois voix typographiques
Space Grotesk
Titres & wordmark. Poids 700, interlettrage négatif. Le geste de marque.
Inter
Texte courant. 400 à 600. Neutre, lisible, se fait oublier.
JetBrains Mono
Labels, données, eyebrows. Minuscules, interlettrage large. La voix de l'instrument.
Display · 66/700Les IA voient votre site ?Titre · 38/700Sonder ce qui compteCorps · 16/400Un diagnostic clair, sur 50+ critères, en quinze secondes.Label · 12/500visibilité web & ia05 · langage graphique
Les motifs récurrents
l'eyebrow
le tiret + mono
Le tiret + mono
Chaque section s'ouvre par un trait bleu de 26 px suivi d'un label mono en minuscules. La signature de mise en page.
les scanlines
Les scanlines
Lignes horizontales régulières : la texture du sonar. En fond très discret, ou pour révéler le symbole.
console
résultatBalise titleconforme
Données structuréesà surveiller
Réponse answer-firstà corriger
Le châssis console
Cartes à trois pastilles et label mono. Tout ce qui est « produit » vit dans ce cadre.
pastilles
Les pastilles de statut
Vert / ambre / rouge codent chaque critère. Jamais décoratives - elles portent un résultat.
06 · le scan en mouvement
boucle · indicateur d'activité Une lame de sonar
Le seul mouvement de la marque : une lame de lumière balaie le S de haut en bas. En boucle pendant l'analyse, une passe unique au survol. Rien d'autre ne bouge.
- durée 1,7 s (header) · 2,4 s (loader)
- courbe linéaire, sans rebond
- a11y coupé si prefers-reduced-motion
07 · ton de voix
Direct, concret, jamais jargon-gratuit
On dit
- « Les IA voient votre site ? »
- « 50+ critères sondés en un scan. »
- Une promesse, un chiffre, une preuve.
On évite
- « Solution innovante 360° disruptive. »
- Les promesses vagues sans chiffre ni preuve.
- Le jargon qui masque le résultat.
08 · applications & interdits
La marque en situation
carte open graph & favicon
diagnostic seo & geo
Les IA voient votre site ?
Sillage
Fond abyss, scanlines à 6 % d'opacité, eyebrow bleu clair. La même recette pour tout partage social.
header · le symbole remplace le point « ping »
Sillage
Usages à éviter
- Tuile bleue. Elle reste abyss.
- Incliner le symbole.
- Changer la police du wordmark.
- Contraste insuffisant sur fond sombre.
09 · la partie web
La landing et son scanner, en ligne
Création complète de la marque Sillage : une landing page avec scanner intégré exécutant 50+ vérifications sur 6 axes (Technique, On Page, Schema.org, Contenu, GEO/IA, Performance), passe qualitative Claude et Core Web Vitals via Google PageSpeed. Le tout servi par une identité visuelle complète : concept de sonde de visibilité, logo « S » scanné par le sonar, bleu signal sur fond abyss, typographie Space Grotesk.
50+Vérifications
6Axes d'analyse
9Sections landing
100%Identité visuelle
Le contexte
Sillage est un outil de diagnostic SEO et GEO : une landing page dont le héros est un scanner qui sonde un site sur 50+ critères, puis remonte un diagnostic clair et noté. Le projet demandait à la fois une plateforme Vercel autonome (landing + API d'analyse) et une identité visuelle complète, précise, technique et rassurante - un instrument, pas un gadget.
Résultats
- Marque Sillage complète : plateforme + charte d'identité v1.0
- Scanner fonctionnel même sans clé API (43 checks déterministes en repli)
- Scoring pondéré par axe et note globale (A à E), GEO et Contenu surpondérés
- Landing performante et extractible par les moteurs et les IA
Les défis
- Faire du scanner le héros de la page (la sonde comme démonstration vivante)
- Concevoir une identité de marque autour du concept de sonde de visibilité
- Optimiser la page elle-même pour le GEO (titres en question, réponse en tête, balisage extractible)
- Créer un logo « S » lisible du favicon (16 px) à la tuile pleine échelle
- Articuler 6 axes d'analyse et un scoring clair (notes A à E)
Les solutions
- Landing en 9 sections : hero-console, enjeux sourcés, 6 axes, fonctionnement, différenciation, pédagogie GEO, CTA, FAQ, footer
- Scanner : 43 checks déterministes + passe qualitative Claude (claude-sonnet-4-6) + Core Web Vitals via Google PageSpeed
- Identité visuelle complète : logo sonar, bleu signal #2B5BFF sur fond abyss #07183A, Space Grotesk / Inter / JetBrains Mono
- Système graphique : eyebrow tiret + mono, scanlines, châssis console, pastilles de statut
- Page auto-optimisée GEO : balisage SoftwareApplication et FAQPage, structure answer-first extractible
- Projet Vercel autonome (landing + api/analyze.js + api/pagespeed.js), édité par Hezign
Détails techniques
- Hébergement : projet Vercel autonome (outputDirectory: public)
- Analyse : api/analyze.js (checks déterministes + passe Claude) et api/pagespeed.js (Core Web Vitals)
- Modèle IA : API Anthropic, claude-sonnet-4-6
- Identité : logo « S » sonar, palette bleu signal / abyss, typographies Space Grotesk / Inter / JetBrains Mono
- SEO/GEO : balisage SoftwareApplication + FAQPage, structure answer-first
un projet · par hezign
Une marque et une landing
qui laissent un sillage ?
Identité visuelle complète, landing page et outils sur-mesure : Hezign conçoit des marques précises, techniques et rassurantes. Comme Sillage.