Bibliothèque de marque · AURA Esport
Une identité
qui fait lien.
Les versions officielles du logo, la palette, la typographie et les règles essentielles pour représenter AURA Esport de façon juste, cohérente et lisible.
01 · Logo & déclinaisons
Une signature.
Quatre usages.
Choisis la variante selon le fond et l'espace disponible. Les SVG viennent des fichiers déjà employés sur la landing. Les PNG proviennent du dossier officiel « Logo AURA ».
Les PNG sont les fichiers de référence transmis dans le dossier de l'association. Les SVG correspondent aux versions vectorielles utilisées sur le site actuel. Le kit ne contient aucun logo de tiers et n'implique aucune licence générale de réutilisation.
02 · Palette institutionnelle
Le bleu structure.
L'orange guide.
Huit couleurs fondatrices. Des usages distincts, une lecture stable, y compris dans les deux thèmes. Clique sur une valeur pour la copier.
Institution, titres, surfaces sombres
#040C48Structure et surfaces secondaires
#000D70Actions et repères
#E53500Surfaces et logos inversés
#FFFFFFFond de page clair
#F6F6F6Fond profond en mode sombre
#010227Contours et éléments décoratifs
#B4B6C8Contours du thème sombre
#373D6DLe blanc en petits caractères sur l'orange AURA atteint environ 4,34:1, légèrement sous le seuil WCAG AA de 4,5:1 pour le texte normal. Le gris #B4B6C8 sert aux contours, pas au texte informatif.
03 · Typographie
Une seule voix.
Public Sans.
La hiérarchie repose sur la graisse, la taille et l'espacement. Aucun empilement de polices décoratives n'est nécessaire.
qui rassemble.ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz / 0123456789
Police variable hébergée localement. Échelle issue de la référence graphique, à adapter de façon fluide aux écrans.
04 · Règles de composition
Reconnaissable,
sans surjouer le jeu vidéo.
La marque sert une association régionale. Les codes du gaming peuvent être présents, mais ils ne doivent jamais dégrader la clarté institutionnelle.
À respecter
- Version bleu nuit sur fond clair, blanche sur fond sombre.
- Proportions et marges visuelles conservées.
- Public Sans, structure aérée, orange en accent.
- Texte descriptif lisible et hiérarchie cohérente.
- Vérification du contraste, du mobile et du clavier.
À éviter
- Déformer, incliner, recolorer ou redessiner le logo.
- Ajouter une ombre, un glow ou un contour décoratif.
- Multiplier les fonds orange, les néons et les effets.
- Utiliser le logo comme preuve d'un partenariat non validé.
- Copier une maquette illustrative comme si ses chiffres étaient réels.
05 · Ressources publiques
À consulter.
À réutiliser avec rigueur.
Les fichiers sont hébergés sur le site. Ils restent accessibles sans JavaScript, compte ou outil externe.
Du logo à l'interface complète.
Pour aller plus loin : composants, états interactifs, thèmes, responsive et contrat de production pour les IA.