Marque
Charte de marque Marcus
Le logo, les couleurs et la typographie, avec les règles qui les rendent reconnaissables. Tout le contenu de cette page peut être utilisé gratuitement lorsque vous écrivez sur Marcus, créez un lien vers nous ou nous référencez dans un annuaire.
Logo
Deux formes. Le logotype est le logo principal — utilisez-le en premier. L’icône est destinée aux espaces carrés où le logotype serait illisible : avatars, favicons et tuiles d’application.
Logotype
Icône
Le SVG est le format maître : utilisez-le partout où les vecteurs sont acceptés, il restera net à toutes les tailles. Les PNG font 1500 × 616 (logotype) et 1000 × 1000 (icône).
Zone de protection et taille minimale
Conservez une zone de protection de x sur les quatre côtés, où x représente la moitié de la hauteur du logotype. Rien ne doit entrer dans cette zone : ni texte, ni trait, ni bord d’image.
64 px de large min.
24 px min.
En dessous de ces tailles, les contre-formes du m se ferment et le point disparaît. En impression : 20 mm de large pour le logotype, 8 mm pour l’icône.
À ne pas faire
- N’étirez ni n’écrasez le logo : redimensionnez-le proportionnellement.
- Ne recolorez pas le symbole. Utilisez l’une des variantes ci-dessus.
- N’ajoutez ni effets, ni ombres, ni dégradés, ni contours.
- Ne le faites pas pivoter ou pencher.
- Ne reconstituez pas le logotype en écrivant « marcus. » dans une police.
- Ne le placez pas sur un fond chargé ou peu contrasté.
Couleur
Un seul accent sur une base noire et blanche. Le bleu est une touche, pas un fond : il tire sa force de sa rareté.
-
Bleu Marcus
#0048DE
rgb(0, 72, 222)
L’accent, et la seule couleur de marque. Eyebrows, liens, mises en avant, anneaux de focus. Jamais en grand aplat.
-
Noir
#000000
rgb(0, 0, 0)
Fond de page. La surface par défaut de la marque.
-
Noir 2
#1B1B1B
rgb(27, 27, 27)
Cartes et panneaux relevés au-dessus de la page.
-
Blanc
#FFFFFF
rgb(255, 255, 255)
Texte courant sur noir. Remplissage du bouton principal sur fond sombre.
-
Blanc 2
#F7F7F7
rgb(247, 247, 247)
Panneaux du thème clair. Survol de bouton sur fond sombre.
-
Gris
#7F7F7F
rgb(127, 127, 127)
Texte secondaire : sous-titres, légendes et libellés atténués.
Typographie
Une seule police, partout : Helvetica Neue. Le poids et la taille créent la hiérarchie, jamais une seconde famille.
Aa
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-
Marcus accomplit le travail.
400 · Regular
Tous les titres, titres hero et textes courants. Les grands titres ne sont pas en gras : c’est la règle la plus souvent oubliée.
-
Marcus accomplit le travail.
500 · Medium
Boutons, eyebrows, libellés et emphase dans le texte courant.
-
Marcus accomplit le travail.
700 · Bold
Rare. Uniquement lorsqu’un mot doit ressortir dans un bloc dense. Jamais pour un titre entier.
Utiliser le nom Marcus
Écrivez-le Marcus — M majuscule, sans autre mise en forme. Le logo l’écrit en minuscules ; le texte courant, non.
Vous pouvez utiliser ces ressources pour faire référence à Marcus : dans des articles, avis, comparatifs, listes d’intégrations et documentations. Vous n’avez pas besoin de demander l’autorisation au préalable.
Vous ne pouvez pas les utiliser d’une manière qui suggère que nous avons créé, cautionné ou participé à quelque chose — notamment dans le nom, le logo, l’icône ou le domaine de votre propre produit.
Marcus est un produit de Zavo LTD. Vous ne savez pas si votre utilisation convient ? Demandez-nous — nous répondons rapidement.