Les Brûleurs de Loups
Le loup est coupé en deux : glace et feu. Cette page fixe les encres, les logos, la typographie et les composants pour le site, la boutique et les fronts du club.
Charte graphique · trois encres, pas une de plus
La charte ne nomme que le bleu, le rouge et le blanc. Toute autre teinte vient des logos ou de l’interface du pack : elle ne devient pas une encre de marque.
Tokens d’interface déjà dans le pack — pas des encres de charte
Trois identités · loup, torche, business
Le fichier reçu logo-loup.jpg est la référence glace et feu, sur fond blanc. Les fichiers du pack complètent les usages. On ne recolore pas, on n’inverse pas, on n’étire pas.
Zone de protection · un quart de la hauteur, des quatre côtés
Le cadre pointillé est la zone interdite : aucun texte, aucun autre logo. Ici le loup fait 140 px, la marge fait 40 px.
Tailles minimales du brand book : 24 px favicon, 48 px header mobile, 62 px header desktop, 15 mm à l’impression.
Interdits · ces cadres ne sont pas des variantes
business-club.svg et loup-or.png, à valider.loup-aplat.svg reprend le bleu historique #004B8D, pas le #16223A. logotype-historique.svg ne va pas sur le web : le nom se compose en Koba.Koba · Futura PT · Montserrat
La planche de la charte nomme ces trois familles, en capitales, bas de casse et chiffres. Les fichiers sous licence ne sont pas dans le pack, et bruleursdeloups.fr ne les charge pas.
Koba — titres, scores, prix · rendu : Barlow Condensed 800 italique
Les BDL s’envolent
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
Futura PT — texte, boutons, labels · rendu : Jost
Restez informés des actualités BDL. Le prochain match se joue à la Patinoire Polesud, en Synerglace Ligue Magnus. Je prends mes billets.
Montserrat — citations et données · Google Fonts, italique
« La glace donne le froid. Le feu donne le rouge. »
25 octobre, 18:00 · J10 · 7 – 1 · 89,90 €
components/bundle.css. Les titres de cette page s’affichent donc en Barlow Condensed, le corps en Jost — les replis prévus par le brand book, pas les polices de la charte.
89,90 €. Score 7 – 1.
Synerglace Ligue Magnus
Classes .bdl-* · un rouge, le reste en retrait
Les spécimens ci-dessous utilisent le CSS du pack, sans React. Le catalogue détaillé reste sur /demo/.
Les Brûleurs de Loups
La photo porte l’émotion, la typo porte le rythme.
Base 4 px · du space-1 au space-32
Conteneur 1 320 px. Gouttière 24 px, 16 px sous 960 px. Sections : 64 px en mobile, 96 px en desktop. Header 88 px, barre N0 36 px.
140 ms · 240 ms · 420 ms · 900 ms
Ce qui glisse suit ease-glisse. Ce qui frappe suit ease-impact. Tout s’arrête si la personne demande moins de mouvement.
Survol : la flèche avance de 4 px, le halo feu s’allume.
Nuit d’abord · un rouge · angles vifs
Fumée, bande, fracture, patinoire, traces, griffures
Huit gestes, déjà dans bundle.css. Un mot fracturé par titre. Une bande rouge par écran.
Glace feu
Visuels temporaires · bruleursdeloups.fr
La photothèque du club n’est pas encore livrée. Ces images sont copiées en local, sans hotlink, le temps de la remplacer. Toujours un voile avant du texte blanc. Privilégier l’action, les impacts, Polesud. Éviter le posé sur fond blanc hors boutique.
Traitements du pack
Barre N0 · header 88 px · un raccourci rouge
Spécimen du header de site, distinct du menu de cette page. Le raccourci billetterie est le seul bloc rouge.
Trait 1,75 · grille 24 · bouts arrondis
Le composant Icon du pack en compte 44, plus les pictos hockey stick, puck, whistle, trophy. Tailles : 16 inline, 20 dans les boutons, 24 en navigation. Aperçu statique, currentColor.
Monochrome au repos · couleur au survol
Le pack livre Synerglace Ligue Magnus et Rukka en images. Les versions SVG monochromes, et les logos adverses, restent à fournir. Le gris est un traitement d’affichage, pas une encre.
12 colonnes · gouttière 24 px · 1 320 px
Champs à angles vifs · cibles de 44 px
Match · score · prix · notice
25 octobre, 18:00 · Patinoire Polesud
89,90 €
LivraisonLe palet avance dans la jauge. Le mot accompagne la couleur.
CompletLe statut ne tient pas dans la couleur seule.
WCAG 2.2 AA · le mot avec la couleur
data-theme · la marque reste sombre
Nuit est la référence. Glace éclaircit les pages de lecture et le paiement. Les blocs de marque ne s’inversent pas.
Trois variables de marque · le reste est dans le pack
--bleu-bdl: #16223A; --rouge-bdl: #E1081E; --blanc: #FFFFFF; /* Interface : tokens.css et tokens.json nuit #0C1B30 · abysse #061222 · glace-bdl #7DBBF0 flamme #FAA31C · or-business #C6AC7B · accent-text #FF5A66 */
Fichiers servis à côté de cette page : tokens.css, tokens.json, components/bundle.css. Les démos React restent sur /demo/.