Rugby Performance & Education Academy
La performance commence dans le détail.
Brand system v1
Noir & or mat · cinématique · le grain et le diplôme
Le club forme le collectif. Personne ne corrige l'individuel. RPEA comble ce trou : petits groupes de six, analyse vidéo, suivi personnalisé. L'esthétique d'un athlète, la méthode d'un éducateur diplômé.
Dérivées de RPEA, pas copiées. Chaque décision visuelle s'y réfère.
L'or marque l'essentiel : CTA, chiffre clé, offre recommandée. Si tout est doré, rien ne l'est.
Near-black structurel, grandes zones vides. La puissance vient du silence, pas de la surcharge.
Archivo large et ultra-gras pour les titres, régulier pour le corps. Le contraste vient de la largeur et de la graisse, pas de deux polices qui hurlent.
Noir et blanc fort contraste, grain, joueur en action. Zéro stock souriant, zéro cliché fédération.
Chaque section montre la précision : analyse, correction, suivi. La marque incarne sa promesse.
Reveals lents, easing exponentiel. Rien ne rebondit comme un jouet.
Le motif cible vit dans les coins de cadre, les puces, le favicon. Jamais un gros logo répété.
Années, joueurs suivis, −40 % Gilbert : en Anton doré, format ticket ou stat.
On guide vers le pack récurrent. Le reste s'efface visuellement mais reste accessible.
BPJEPS, carte pro, Gilbert : la légitimité est visible. Le style sert la confiance des parents.
À quel point on ose, par surface. Jamais sous 3 en public.
5 — art-object, photo plein cadre
4 — éditorial fort, chiffres or
3 — lisibilité, accent sur recommandé
3 — sobre, seuil public
| Nom | Durée | Usage |
|---|---|---|
| fast | 80 ms | Apparition des traits de viseur |
| base | 200 ms | Changement d'état / couleur |
| medium | 320 ms | Hover |
| slow | 640 ms | Reveals, remplissage du CTA |
| glacial | 1200 ms | Grands reveals héros (rare) |
Espacement Fibonacci ≈ φ : 8 · 13 · 21 · 34 · 55 · 89 · 144 · Ratios images 1.618:1 · portraits 4:5. Aucun bounce, easing exponentiel uniquement.
La base porte le poids, la structure organise, l'or ne touche que l'essentiel.
Neutres chauds 0 → 900
Blanc cassé sur base ≈ 15:1 · Asphalte #9A9488 ≈ 5.9:1 (secondaire) · Or #C9A24B ≈ 7:1 (AA petit et large). Tous sur near-black.
Or sur fond clair en texte (≈2.2:1). Dégradé doré brillant, reflet 3D, bouton or bombé. L'or est mat, sinon luxe pauvre.
Archivo en version large et ultra-grasse pour les titres, en régulier pour le corps. Une seule famille, contraste par largeur et graisse.
On guide vers le pack récurrent. L'or ne peint pas la carte : il la désigne.
Séance à l'unité 35€ · duo 25€ · analyse vidéo dès 39€ — volontairement en retrait, accessibles au contact.
Le viseur se verrouille sur la cible : le passage à l'action. Survole le bouton.
Le viseur qui se verrouille sur la cible. La décision prise.
Remplissage or gauche vers droite (slow, ease-settle), le texte passe ink (base), quatre traits de viseur aux angles (fast, décalés). Aucun bounce.
Bordure 1px or, Archivo 700 uppercase, padding 13/34px, zéro radius. Focus : outline or 2px offset 3px. Disabled : neutre 500.
tokens.css, consommé par le site. Jamais de valeur hardcodée qui existe en token.
--color-base:#0E0E0E; --color-structure:#1A1916; --color-accent:#C9A24B; --neutral-0:#F5F2EC … --neutral-900:#0E0E0E; --font-display:"Anton"; --font-body:"Archivo"; --fz-hero:clamp(3.5rem,12vw,9.5rem); --fz-h1:clamp(2.75rem,6vw,5rem); … --s1..s7:8·13·21·34·55·89·144; /* Fibonacci ≈ φ */ --motion: fast 80 · base 200 · medium 320 · slow 640 · glacial 1200; --ease-settle:cubic-bezier(.16,1,.30,1); /* poids athlétique, jamais de bounce */