Une équipe, pas un outil.
La marque est une cellule :
six segments, un cercle.
Le site est le contrat — cette page en est distillée, jamais l'inverse. Le cercle compte six segments parce que l'équipe compte six agents. Le rouge ne se pose jamais en aplat : il s'atmosphérise en ciel, ou se concentre en geste. Et rien, nulle part, ne promet ce que le produit ne fait pas.
Un cercle, six segments, jamais fermé.
Construction
| Forme | Spec | Où |
|---|---|---|
| Le cercle | Un seul trait tireté — rayon 9/24, épaisseur 3,6, six segments arrondis (dasharray 2.25 7.17), rotation −90°. Couleur : currentColor, jamais un dégradé dans le trait. | Partout. C'est la seule forme de la marque. |
| Le wordmark | « Cadence » en Instrument Sans 800, tracking −0.02em, jamais en capitales. | Navigation, footer, documents. |
| Zone de protection | Un rayon du cercle de chaque côté. Rien ne touche le trait. | Tous supports. |
| Minimum | 14 px à l'écran. En dessous, le tireté se bouche : utiliser la pastille pleine est interdit — on agrandit ou on retire. | Interfaces, mails. |
Le cercle entier, ses six segments, sa rotation d'origine. Rouge sur clair, blanc sur dégradé ou encre. La respiration autour.
Fermer le cercle, changer le nombre de segments, remplir le centre, incliner, ombrer, dégrader le trait, ou poser la marque sur le ciel rose sans contraste.
Le ciel électrique.
Du blanc, une encre chaude, et un seul rouge — qui existe sous deux états : dilué en atmosphère, ou concentré en geste.
Le blanc respire, le rouge s'atmosphérise (halos magenta rgba(248,35,120,.5) et corail rgba(255,94,45,.45), flou 80) ou se concentre. Les puces restent pastel, en famille chaude.
De fond noir typographique, d'aplat rouge pleine page, d'arc-en-ciel dans les puces, de gris froids. Le dégradé du geste ne colore jamais un paragraphe.
Quatre voix, une hiérarchie.
Un casting, pas des icônes.
Les visages sont des personnages fixes — mêmes traits, même fond crème (#F6EFE3), même lumière. Ils ne se régénèrent jamais : la bibliothèque de portraits est la seule source.
PaulStratège réputation#C81E2B
MarieConseillère juridique#7C4D8F
NinaRéception sociale#E2703A
ThomasPilote de crise#8F1620
AlexConfiance client#B98A2F
PopeyeCoach réputation#4E7A4E| Forme | Spec | Où |
|---|---|---|
| Le buste | {agent}-avatar.webp — cadré épaules, fond crème, cercle parfait. | Interfaces, sidebars, cartes kanban, Slack. |
| Le plein pied | {agent}.jpg — debout, fond crème, cadré haut en cartes. | Pages Agents et Formation, créas. |
| La couleur d'agent | Un accent par personnage (ci-dessus), pour les pastilles et assignations — jamais pour du texte courant. | App, kanban, étiquettes. |
| Popeye | Le seul qui travaille avec vos humains : toujours présenté à part, jamais parmi les relecteurs. | Formation, tarifs, page Agents. |
Le produit est la preuve.
Toute l'interface se montre en fenêtres — chrome à trois pastilles, intérieur en langage d'espace de travail : barre latérale, pages-documents, cases à cocher, puces pastel, callouts.
| Règle | Ce qu'elle impose |
|---|---|
| Un seul chrome | Trois pastilles, titre en mono, coins 12 px, fenêtre toujours blanche. La couleur vit dans le fond, pas dans la fenêtre. |
| Trois fonds | Le ciel (heros, Brain), la peinture (scènes produit), la tuile blanc cassé (secondaire). L'ombre suit le fond : chaude sur ciel, profonde sur peinture. |
| Vrai texte, barres neutres | Le contenu du client reste en barres abstraites ; le texte réel n'apparaît que là où le produit parle — avis, verdicts, plans, registre. |
| L'animation est le produit | Tout ce qui bouge correspond à un comportement réel. Aucun effet gratuit. La lisière lumineuse est réservée au Brain. |
| Rien hors produit | Pas de veille, pas d'alerte automatique, pas d'URL ingérée, pas de latence embellie : « premiers avis en ~20 s », c'est la mesure. |
Des phrases courtes. Un point final.
« Votre réputation. Gérée. » — des phrases finies, peu de texte, des chiffres mesurés. Les prénoms des six s'écrivent. Et la promesse fondatrice partout où l'on s'engage : Cadence ne publie jamais rien, vous gardez la décision.
« Veille », « surveillance », « détection automatique », « alerte » — le produit n'écoute pas les réseaux et le site ne le promettra jamais. Pas de superlatifs invérifiables, pas de chiffre sans source.