Osher est une marque monochrome. Une seule couleur signature — le vert manguier — porte tout le territoire émotionnel. L'encre et le papier portent la lecture. La couleur sourde porte les détails. Aucune cinquième couleur n'est admise dans le système.
Aucune nuance dérivée n'est officielle. On ne fait pas de scale 50–950, on ne tire pas de teintes plus claires ou plus sombres. Si un design a besoin de plus de quatre tons, c'est qu'il a un problème de hiérarchie, pas de couleur.
Vert manguier. La couleur de la marque. Hero, CTA, accents typographiques, bordures actives, sticker.
Encre. Pour le texte sur fond clair, et pour les fonds sombres (manifeste, sections autorité).
Papier. Le fond de marque par défaut. Plus chaud qu'un blanc, moins jaune qu'un crème.
Sourde. Eyebrows, captions, méta-données, séparateurs. Jamais pour du body copy.
Tout le système visuel d'Osher se compose de ces cinq paires. Si un design n'en utilise aucune, il n'est pas Osher.
| Paire | Usage |
|---|---|
| Encre sur Papier · #0E0E0E sur #F5F1EA | Body copy, pages calmes, méthode, cas. La paire fondatrice. |
| Papier sur Signature · #F5F1EA sur #00B14F | Hero home, CTA, contact, sections de revendication. Vibrant. |
| Papier sur Ink · #F5F1EA sur #0E0E0E | Manifeste, sections d'autorité, footers. Sérieux, dense. |
| Signature sur Ink · #00B14F sur #0E0E0E | Numéros de chapitre, titres-accents sur fond sombre, mots clés. |
| Mute sur Papier · #8C8680 sur #F5F1EA | Eyebrows, captions, séparateurs, dates. Volume bas. |
Contraste insuffisant. Le sourd disparaît dans le vert. Pour du texte secondaire sur fond signature, utiliser du papier à 70 % d'opacité.
Le sourd a été calibré pour le papier. Sur ink, il est trop sombre. Pour du secondaire sur ink, utiliser papier à 60 % d'opacité.
Aucun dégradé n'est validé. Pas signature → ink, pas signature → papier. Les couleurs vivent en aplat. Toujours.
Pas de rouge alerte, pas de bleu link, pas de jaune highlight, pas d'orange tag. La signature est la seule couleur d'accent. Point.
Tous les textes Osher doivent respecter au minimum WCAG AA (4.5 : 1 pour le texte courant, 3 : 1 pour le texte large ≥ 18pt). Pour AAA, viser 7 : 1. Voici les ratios mesurés.
| Pair texte / fond | Contraste | Niveau |
|---|---|---|
| Ink #0E0E0E sur Paper #F5F1EA | 17.3 : 1 | AAA ✓ |
| Paper #F5F1EA sur Ink #0E0E0E | 17.3 : 1 | AAA ✓ |
| Paper #F5F1EA sur Signature #00B14F | 3.6 : 1 | AA pour large uniquement |
| Ink #0E0E0E sur Signature #00B14F | 4.8 : 1 | AA ✓ |
| Signature #00B14F sur Ink #0E0E0E | 3.6 : 1 | AA pour large uniquement |
| Mute #8C8680 sur Paper #F5F1EA | 3.4 : 1 | AA pour large uniquement (eyebrows, captions) |
Le body copy est toujours en encre sur papier ou papier sur ink. Pour les hero et CTA en signature, on accepte papier sur signature uniquement en taille ≥ 24px (texte large). Le sourd n'est jamais utilisé pour du body.
| Contexte | Palette dominante |
|---|---|
| Site corporate | Papier surfaces + Ink texte + Signature accents. |
| Hero / CTA | Signature plein écran + Papier wordmark + Papier texte. |
| Manifeste / autorité | Ink plein écran + Papier texte + Signature mots-clés. |
| Réseaux sociaux | Alterner Papier et Signature post à post. Garder cohérence sur 3 posts consécutifs. |
| Événementiel | Signature dominant, Papier pour lisibilité, Ink pour contrastes ponctuels. |
| Goodies | Papier + Signature. Éviter Ink (trop sombre pour usage objet). |