Ressources et Charte Graphique Massive

Téléchargez les logos officiels, consultez notre palette de couleurs et suivez nos directives d'utilisation pour représenter Massive de manière cohérente.

Logo

Notre logo est disponible en plusieurs variantes pour différents contextes. Utilisez la version en couleurs quand c'est possible. Choisissez la variante claire ou foncée pour assurer le contraste sur différents fonds.

Logo Complet (Couleur)
Logo Complet (Couleur)
Logo Complet (Blanc)
Logo Complet (Blanc)
Logo Complet (Clair)
Logo Complet (Clair)
Logo Complet (Foncé)
Logo Complet (Foncé)
Icône (Couleur Complète)
Icône (Couleur Complète)
Icône (Claire)
Icône (Claire)
Icône (Foncée)
Icône (Foncée)

Couleurs

Notre palette de couleurs est conçue pour être audacieuse mais accessible. Les tons orange sont nos identifiants de marque principaux, tandis que les couleurs de support fournissent contraste et hiérarchie.

Orange Foncé#d74939Accent principal, CTAs, mise en valeur
Orange Clair#ff8163Accent secondaire, dégradés, surbrillances
Foncé#121117Texte principal, arrière-plans foncés
Clair#FFFFFFArrière-plans, texte sur fond foncé
Gris-Bleu Atténué#607691Texte secondaire, icônes subtiles
Vert#34d399Accents du mode machine

Typographie

Nous utilisons deux polices : Outfit pour l'affichage et le texte UI, et JetBrains Mono pour le code et le contenu monospace.

Affichage et UI

Outfit

Google Fonts →

The quick brown fox jumps

The quick brown fox jumps over the lazy dog. 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Code et Monospace

JetBrains Mono

Google Fonts →

const data = await fetch()

{ status: 200, body: 'Hello, world!' }

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Directives d'Utilisation

Suivez ces règles pour assurer que la marque Massive est représentée de manière précise et cohérente sur tous les médias.

À Faire

  • Utiliser les fichiers de logo officiels de cette page
  • Respecter l'espace libre minimum autour du logo
  • Utiliser le logo clair sur les fonds foncés et inversement
  • Conserver les proportions du logo lors du redimensionnement
  • Utiliser l'icône lorsque l'espace est limité

À Ne Pas Faire

  • Étirer, faire pivoter ou déformer le logo
  • Modifier les couleurs du logo en dehors des variantes fournies
  • Ajouter des effets comme des ombres portées ou des contours au logo
  • Placer le logo sur des arrière-plans chargés ou à faible contraste
  • Recréer le logo en utilisant des polices ou des icônes différentes