Identité visuelle

Charte graphique Scribe

Un socle de marque unique — décliné avec deux intentions : expressif sur le portail Scribe Solutions, fonctionnel sur le SaaS Scribe Operations. Mêmes couleurs, rôles différents.

PortéeScribe Solutions + Scribe Operations
Version1.0 — Août 2026
TypographieInter / JetBrains Mono
01 — Principe

Un socle, deux déclinaisons

Les deux produits partagent la même identité de marque. Ce qui change, c'est le rôle que jouent les couleurs — pas leur teinte.

Scribe Solutions — vitrine

Usage expressif

Grands aplats de marine, orange en signal fort (bandeaux, CTA, accents). La marque convainc avant de convertir.

Scribe Operations — outil

Usage fonctionnel

Marine réservé au texte et au chrome d'interface, bleu pour l'action, orange en accent ponctuel. La marque travaille, elle ne performe pas.

02 — Palette

Couleurs de marque

Quatre couleurs, un seul jeu de valeurs. Cliquer un échantillon copie son code hexadécimal.

copier
Navy Profond
Fonds les plus sombres — footer, sections immersives, mode sombre.
--navy-deep#020B16
copier
Navy
Couleur signature — héros, bandeaux, texte principal sur fond clair.
--navy#061A2F
copier
Bleu Structurel
Action et interaction — boutons primaires, liens, navigation active.
--blue#0A2FAA
copier
Orange Signal
Accent rare — CTA, soulignés, badges. Toujours avec du texte marine, jamais blanc.
--orange#F47400
03 — Neutres

Gris teintés marine

Pas de gris pur : chaque neutre porte une légère dominante marine pour rester dans la famille de la marque.

copier
Encre
Texte courant sur fond clair — 18:1, lisible partout.
--ink#0F1720
copier
Ardoise
Texte secondaire, légendes, métadonnées.
--slate#5B6B7D
copier
Brume
Bordures et séparateurs sur fond clair.
--mist#E2E6EE
copier
Papier
Fond de page par défaut, thème clair.
--paper#F6F7F9
04 — Sémantique

Couleurs de statut

Propres à Scribe Operations — indépendantes de la marque pour ne jamais se confondre avec un appel à l'action.

L'orange de marque et l'ambre d'avertissement sont volontairement distincts. Un bouton orange et un badge « en attente » ne doivent jamais porter la même teinte — sinon l'œil ne sait plus lequel signale une action et lequel signale un état.
Actif / Validé #1A9C6B En attente #D99A1B Critique #E0483E Information #2F7BDA Hors ligne #8B95A3
05 — Typographie

Inter & JetBrains Mono

Déjà en place dans les deux produits — la charte les formalise plutôt que d'en introduire de nouvelles.

Des idées structurées.
Inter · 850 · letter-spacing -0.045em — titres
Aa 400
Texte courant
Aa 500
Emphase légère
Aa 600
Boutons, labels
Aa 750
Sous-titres
Aa 850
Titres héros
/* JetBrains Mono — données, code, valeurs de marque */ --so-primary: #0a2faa; --so-accent: #f47400; code_operation = "OP-2026-00412";
06 — Accessibilité

Ce qui se lit, ce qui ne se lit pas

Ratios WCAG mesurés sur les paires réellement utilisées. L'orange n'est jamais assez contrasté pour porter du texte seul.

PaireRatioVerdict
Aa Navy sur blanc 17.6:1 Texte, tout usage
Aa Bleu sur blanc 10.5:1 Texte, tout usage
Aa Blanc sur navy 17.6:1 Texte, tout usage
Aa Blanc sur orange 2.9:1 Non conforme — jamais de texte blanc
Aa Navy sur orange 6.1:1 Boutons & badges orange
Aa Orange sur navy 6.1:1 Accents sur fond sombre
07 — Application

Le même socle, deux terrains

Deux extraits réels : l'en-tête du portail, un panneau du SaaS. Comparer les rôles, pas les couleurs — ce sont les mêmes.

Scribe Solutions — en-tête
✦ Scribe Solutions

Des idées.
Aux solutions qui durent.

Scribe Solutions accompagne les institutions dans la structuration et la transformation numérique de leurs opérations.

Découvrir Scribe →
Scribe Operations — panneau
Opérations · Haiti Zero Déchets + Nouvelle opération
OP-2026-00412
Collecte quotidienne — Secteur 4
Validé
3 en attente Rapport prêt
08 — Règles

À faire / à éviter

À faire

Réserver l'orange aux moments qui comptent — un CTA principal, un badge, un soulignement. S'il est partout, il ne signale plus rien.

À éviter

Utiliser l'orange de marque pour un état « en attente » ou « avertissement » — c'est le rôle de l'ambre sémantique, pas de l'accent.

À faire

Garder le texte sur fond orange en marine ou en encre — jamais en blanc (contraste insuffisant).

À éviter

Réintroduire les couleurs Bootstrap par défaut (bleu #0d6efd, vert #198754…) sur des éléments de marque — ce sont les couleurs génériques que cette charte remplace.

À faire

Sur Operations, garder le bleu structurel pour l'action et laisser les couleurs de statut porter le sens opérationnel, indépendamment de la marque.

À éviter

Inventer une nouvelle teinte pour un futur produit Scribe sans repasser par cette charte — le socle reste unique.

copié