Les valeurs de Sarutobi, servies par Sarutobi

Personnage

L’Éclaireuse est le signe principal de Sarutobi. Elle porte une idée précise : observer sans déranger. Chaque pose a un usage, et un écran n’en montre jamais deux. Cette page est la seule exception : elle sert de planche de référence.

• Une illustration par écran, au maximum.
• Jamais dans les pages légales, les articles techniques, ni au milieu des graphiques.
• Toujours alt="" : ce qu’elle illustre est déjà écrit à côté.

• 

  Médaillon

  Navigation et en-tête produit, lisible à 36 px

• 

  Illustration héroïque

  Accueil uniquement

• 

  Recherche de signal

  Premier événement attendu, installation, rien à montrer encore

• 

  Premier signal

  Première visite reçue, avant les agrégats

• 

  Hors période

  Période vide sur un site qui a déjà reçu des données

• 

  Tout est clair

  Statut sain, absence d’erreur

• 

  Cartographe

  Première création d’un dashboard, d’un funnel, d’un flag ou d’une alerte

• 

  Rejouer

  Replays sans aucun enregistrement

• 

  Invitation

  Invitation et membres

• 

  À l’écoute

  Contact et retours

• 

  Relais d’agents

  Hero du catalogue /mcp

• 

  Onboarding

  Parcours de bienvenue

• 

  Arrivée dashboard

  Modale de bienvenue

• 

  Territoire observable

  Hero de /features

Couleur

Deux familles qui ne se mélangent jamais. Les tokens d'interface portent la structure ; les tokens de série portent la donnée, et rien d'autre. La conséquence est constante : un libellé ne prend jamais la couleur d'une série — une teinte choisie pour tenir en aplat est illisible en texte. L'identité vient de la pastille à côté du mot, jamais du mot lui-même.

Interface

Sémantique

Séparée de la marque. Le corail signal marque le vivant — direct, alerte, présence — et ne remplace jamais good ou bad, qui portent le sens.

Séries

Huit slots, attribués dans l'ordre et jamais en boucle. Une neuvième série se replie sur « Autres » ou passe en petits multiples — elle ne fabrique pas une neuvième teinte. Au-delà de trois séries superposables, seuls les trois premiers slots restent séparables en vision déficiente.

Typographie

Trois familles, trois rôles, aucun chevauchement. Les fontes sont servies depuis notre domaine : un produit qui refuse de poser un cookie chez les visiteurs de ses clients ne va pas les faire pister par un tiers pour gagner une graisse de titre.

Espacement

L'échelle est relevée sur le code, pas inventée : les valeurs dominantes sont devenues la règle, les autres étaient des accidents. Le rythme vertical mélangeait six valeurs sans logique lisible — un écart intermédiaire ne se lit pas comme une nuance, il se lit comme une erreur.

Rythme vertical

• mt-0.5 · 2pxUne valeur sous son libellé — un seul objet.
• mt-3 · 12pxEntre deux blocs d'une même section.
• mt-8 · 32pxEntre deux sections thématiques.

Densités