Hezign
Direction artistique & charte de marque de l'agence Hezign
Informations
- Client
- Hezign
- Secteur
- Agence Web & Design
- Année
- 2026
- Site web
- Voir le site →
Le visuel
À propos du projet
Direction artistique complète de la marque Hezign, formalisée dans une charte de marque v1.0. Le symbole : deux rubans miroir - une écriture stylisée du « H » qui évoque le lien entre l'entreprise et son public. Autour de lui, un système visuel entier : magenta signature sur base sombre, typographies Schibsted Grotesk et JetBrains Mono, grammaire graphique (sparkle, index de section, rubans « Featured work ») et un jeu de séquences de motion. Un système cohérent, du favicon aux applications.
Le contexte
En tant qu'agence web & design, Hezign se devait d'incarner son propre savoir-faire. L'identité devait être premium sans être tape-à-l'œil, directe, précise et vivante - le mouvement faisant pleinement partie de la marque. L'ensemble a été consigné dans une charte de marque v1.0 structurée en 8 sections, de l'essence de marque jusqu'aux applications réelles.
Les défis
- Créer un symbole ownable, lisible du favicon (24 px web) au print (60 px+)
- Tenir un système visuel complet : couleur, typographie, grammaire graphique et motion
- N'utiliser qu'une seule couleur vive sans jamais tomber dans le tapageur
- Faire du mouvement une composante de l'identité, pas un simple habillage
- Documenter des règles d'usage claires (zone de protection, tailles mini, interdits)
Les solutions
- Symbole à deux rubans miroir formant un « H » stylisé - précision géométrique, énergie du magenta
- Système de logo complet : lockups horizontal et vertical, proposition B en Space Grotesk (esprit loader)
- Palette à couleur unique : Magenta #D30F57 et gradient signature #D21158 → #E35D79 (120°), sur base sombre (Encre #0A090C, Panneau #17151A)
- Système typographique à deux voix : Schibsted Grotesk (display & texte), JetBrains Mono (labels, index de section, data)
- Grammaire visuelle : sparkle ✦, index de section mono, pilules 100% arrondies, rubans défilants « Featured work »
- Bibliothèque de motion : assemblage des rubans au loader, tracé de contour, cascade des segments, tissage, halo au survol
- Règles d'usage strictes : zone de protection ½x, tailles minimales, interdits (ne pas incliner, déformer, désaturer, fond criard)
Les résultats
Un projet similaire ?
Discutons de vos objectifs et voyons comment je peux vous accompagner.
