Charte graphique HyperStore
Tout ce dont vous avez besoin pour représenter HyperStore fidèlement — notre logo, l'icône de l'application, les couleurs, la typographie et le badge officiel « Featured on HyperStore ». Veuillez conserver ces éléments intacts afin que la marque reste cohérente partout où elle apparaît.
Logo
Le logotype HyperStore est notre identité principale. Utilisez la version en couleurs sur les fonds clairs et la version claire sur les fonds sombres. Utilisez toujours les fichiers fournis — ne jamais redessiner ou retaper le logotype.
Espace de respiration
Maintenez un espace libre autour du logo au moins égal à la hauteur du symbole de l'icône de l'application. Ne laissez pas d'autres éléments l'encombrer.
Taille minimale
Pour rester lisible, n'affichez jamais le logotype en dessous de 88 px de large à l'écran (≈ 12 mm à l'impression).
Icône de l'application
Le symbole au carré arrondi est notre identité compacte — utilisez-le pour les favicons, les avatars, les images de profil sur les réseaux sociaux et les vignettes d'application là où le logotype complet ne tient pas. Conservez les coins arrondis ; ne le recadrez jamais en carré ou en cercle simple.
Couleur
Le violet est le cœur de la marque. Utilisez le dégradé pour les moments forts et les accents ; le violet profond pour le texte et les aplats nécessitant du contraste sur fond blanc. Cliquez sur une nuance pour copier son code hexadécimal.
Typographie
HyperStore utilise Lexend dans tout le produit — une police sans-serif épurée et très lisible. Les titres utilisent Medium et Semibold ; le corps de texte est en Regular. Lexend est libre et open-source via Google Fonts.
Lexend
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ # % →
Badge « Featured on HyperStore »
Si votre outil est référencé, mettez-le en avant. Placez ce badge sur votre site et faites-le pointer vers votre fiche HyperStore. Choisissez un style et une taille, puis copiez l'extrait de code.
À faire & à ne pas faire
Conservez la reconnaissabilité des éléments. Quelques règles simples couvrent presque tout.
- Utilisez les fichiers d'origine, non modifiés.
- Laissez de l'espace autour du logo.
- Mettez à l'échelle proportionnellement — maintenez Maj.
- Placez-le sur des fonds offrant un contraste suffisant.
- Ne modifiez pas les couleurs ni les dégradés du logo.
- Ne l'étirez pas, ne l'écrasez pas et ne le faites pas pivoter.
- N'ajoutez pas d'ombres, de contours ni d'effets.
- Ne le placez pas sur des fonds chargés ou à faible contraste.
Des questions sur l'utilisation de la marque ?
Pour la presse, les logos de partenariat ou tout autre sujet non couvert ici, contactez-nous et nous vous aiderons.
Contact →