Guide des marques / HeroThemes

Actifs de marque

Tout ce dont vous avez besoin pour représenter HeroThemes avec précision : logos, couleurs et typographie, ainsi que quelques règles simples pour maintenir la cohérence.

Logo

Le logo HeroThemes

Notre logo est le mot-symbole associé à l'emblème ailé. Choisissez la version qui offre le contraste le plus net sur son arrière-plan, et laissez-lui toujours de l'espace pour respirer.

Logo principal

Couleur. Le bloc par défaut pour les arrière-plans blancs ou clairs.

SVG PNG

Logo inversé

Mot-symbole blanc. À utiliser sur des arrière-plans bleu marine, sombres ou photographiques.

SVG PNG

Logo monochrome

Bloc monochrome pour l'impression, les filigranes et les contextes monochromes.

SVG

Emblème d'application

Emblème d'application (couleur)

L'emblème ailé seul, centré dans un carré. Pour les avatars, les favicons et les icônes d'application.

SVG

Emblème d'application (mono)

Emblème monochrome pour les tampons, le gaufrage et l'impression monochrome.

SVG

Espacement

Espace libre et taille minimale

Laissez-lui de l'espace pour respirer

Laissez un espace libre d'au moins « X » (la hauteur de l'emblème) de chaque côté. Ne laissez jamais d'autres logos, textes ou images chargés empiéter sur cette zone.

120px min · logo complet

24px min · emblème

Restez lisible

N'affichez pas le logo complet en dessous de 120px de large, ni l'emblème seul en dessous de 24px. En dessous de ces tailles, le mot-symbole n'est plus lisible, alors utilisez plutôt l'emblème.

Utilisation

Bonnes pratiques et erreurs à éviter concernant le logo

À faire

Utilisez les fichiers de logo fournis sans modification.
Choisissez le variant avec le contraste d’arrière-plan le plus fort.
Conservez l’espace libre complet autour de chaque placement.
Mettez à l’échelle proportionnellement, toujours à partir d’un coin.

À ne pas faire

Ne pas étirer ou déformer

Ne pas faire pivoter ou incliner

Ne pas recolorer

Ne pas ajouter d’effets

Ne pas utiliser de faible contraste

Ne pas le surcharger

Couleur

Palette de couleurs

Le bleu marine et le bleu portent la marque ; les neutres maintiennent tout calme et lisible. Cliquez sur n’importe quel échantillon pour copier sa valeur hexadécimale.

Marque

Neutres

Typographie

Proxima Nova

Notre police de caractères unique, fournie par Adobe Fonts. Claire, géométrique et conviviale. Elle porte tous les titres, paragraphes et étiquettes d'interface utilisateur.

Graisses: 400 · 500 · 600 · 700
De repli: Helvetica, Arial

Normal Moyen Semibold Gras

Affichage 56px · Semibold 600

Excellent support, simplifié

Titre / H2 32px · Semibold 600

Conçu pour les entreprises WordPress

Sous-titre / H3 22px · Semibold 600

Tout dans un seul tableau de bord

Corps 18px · Regular 400

Détournez les tickets répétitifs grâce à une base de connaissances en libre-service que vos clients apprécient vraiment.

Petit / Légende 14px · Regular 400

Étiquettes de support, légendes et textes fins.

Marques de produits

Nos produits

Chaque produit conserve sa propre marque d'insigne arrondie et sa couleur d'accentuation, mais vit toujours au sein du système plus large HeroThemes : même police de caractères, même bleu marine, mêmes règles d'espace libre.

Base de connaissances Héroïque

Base de connaissances en libre-service pour WordPress.

Heroic KB utilise l'insigne indigo ci-dessous. Associez-le au bleu marine Hero pour les titres et conservez un espace libre généreux autour de l'insigne arrondi.

Marque de téléchargement (SVG) Voir le produit →

Heroic Inbox

Boîte de réception partagée et centre d'aide dans WordPress.

Heroic Inbox utilise l'insigne d'enveloppe bleue. Réservez l'insigne bleu pour le produit lui-même. Pour les boutons et les liens, utilisez le bleu d'action principal.

Marque de téléchargement (SVG) Voir le produit →

Besoin de quelque chose que nous n'avons pas couvert ?

Pour les ressources de presse, les logos de partenariat, ou tout ce qui concerne la marque, contactez-nous et nous vous aiderons.

Contactez-nous