Wordmark
Variante principale, fond sombre
Marque
Branding Kit uh!ive
Logos, couleurs, typographies et règles d’usage de la marque uh!ive, réunis en un seul endroit. Tout ce qu’il faut pour représenter la marque correctement, en interne comme à l’extérieur.
Logo
Le logo et ses variantes
Quatre formes officielles couvrent tous les usages. Le wordmark pour les contextes larges, la bubble pour les petits formats et les avatars. Respectez les proportions, ne recolorez jamais hors palette.
Wordmark + claim
Communications officielles
Bubble
Petits formats, favicon, avatar
Wordmark inverse
À poser sur fond clair
Zone de protection
Wordmark : 1x la hauteur du h tout autour. Bubble : 0,25x le diamètre. Aucun élément ne pénètre cette zone.
Tailles minimales
Wordmark avec tagline : 140px web, 35mm print. Sans tagline : 80px, 20mm. En dessous, basculez sur la bubble.
Couleurs autorisées
Primary blanc sur fond sombre. Inverted Blueprint 800 sur fond clair. Bubble toujours en Glacier 500.
À faire
- Utiliser les fichiers sources officiels
- Conserver les proportions (homothétie stricte)
- Respecter la zone de protection
- Ajouter le symbole sur les supports officiels
À ne jamais faire
- Déformer, incliner ou pivoter
- Recolorer hors palette ou ajouter un effet
- Séparer le point d’exclamation du i
- Poser le logo sur un fond à faible contraste
Couleurs
Palette officielle
Sept familles, dix nuances chacune, de 50 à 900. Les variables sont la source de vérité : Glacier pour l’accent, Blueprint pour la structure, Obsidian pour les surfaces.
Le clic copie
Glacier
Accent signature, couleur interactiveBlueprint
Structure, profondeur, fondsObsidian
Neutres sombres, code, surfacesPremium
Violet IA, fonctionnalités avancéesSuccess
Statut positif, validationWarning
Erreur, alerte critiqueAttention
Vigilance, information à signalerAccessibilité : les nuances 400 et 500 ne sont jamais utilisées en texte sur fond clair (contraste insuffisant). Sur fond sombre de référence, privilégiez les nuances 200 à 400. Ne transmettez jamais une information par la couleur seule.
Typographie
Trois familles, un système
Montserrat porte les titres du site et de la communication web. Inter porte l’interface, le corps de texte et la webapp. JetBrains Mono sert le code, la data et l’API.
Aa
Inter
Interface, corps de texte, webapp
400 / 500 / 600 / 700 / 800
Google FontsAa
Montserrat
Titres du site et de la com web, print
500 / 600 / 700 / 800
Google FontsAa
JetBrains Mono
Code, data, API
400 / 500
Google FontsÉchelle de texte
| Token | Taille | Interligne | Graisse |
|---|---|---|---|
| Display | 72px | 1.05 | 800 |
| H1 | 56px | 1.1 | 700 |
| H2 | 40px | 1.15 | 700 |
| H3 | 28px | 1.25 | 600 |
| H4 | 22px | 1.3 | 600 |
| H5 | 18px | 1.4 | 600 |
| H6 | 15px | 1.5 | 600 |
| Lg | 18px | 1.6 | 400 |
| Base | 16px | 1.6 | 400 |
| Sm | 14px | 1.5 | 400 |
| Xs | 13px | 1.5 | 400 |
| 2xs | 11px | 1.4 | 600 |
Iconographie
Icônes
Le système repose sur la base Lucide, traits cohérents, jamais de texte en image. Trois tailles de référence selon le contexte.
16px
Texte courant, labels
20px
Boutons, champs
24px
Navigation, cards
Couleurs sémantiques alignées sur la palette : Glacier pour l’interactif, Blueprint pour le neutre, sémantiques pour les statuts. Zone cliquable minimum 44x44px.
Téléchargements
Ressources
Tout le matériel de marque, prêt à l’emploi.
Un doute sur un usage ?
La marque uh!ive est un actif protégé. Pour tout usage hors des cas couverts ici, co-branding, support presse ou demande spécifique, contactez l’équipe. Voir aussi notre expertise.