Système de design

uldryperformance.fr — laboratoire de performance · 15/10/2026

COULEURS, TYPOGRAPHIES, COMPOSANTS.

Démonstration de la nouvelle charte avant application : un visiteur doit penser en 5 secondes que ce coach est sérieux, rigoureux, et que son affaire est bien tenue. Étape suivante après validation : l'accueil seul, puis les autres pages.

01 — Couleurs

Fond principal

#0D0A0B

Surface

#161214

Surface élevée

#1F1A1C

Bordure fine

#2A2426

Accent — rare

#E22D24

Accent — survol

#B81E16

Titres

#FFFFFF

Texte courant

#BDB9BA

Texte secondaire

#8C8688

Section claire

#F4F1EE

Le rouge reste rare : moins de 10 % de la surface d'un écran. Boutons principaux, un mot clé par titre, chiffres importants, barre gauche des encadrés.

02 — Typographies

ENTRAÎNEMENT MESURÉ.

Anton, majuscules, interlignage 1.0–1.1 — H1 : 64-88 px ordi / 40-48 px mobile

Titre de section

Anton — H2 : 40-48 / 30-34

Sous-titre Barlow 600

H3 : 22-24 px

Texte courant : Barlow 400, 17-18 px, interlignage 1.6, 65 à 75 caractères par ligne maximum. Les zones se mesurent, elles ne se devinent pas.

590 € — 3 × 199 € — S0 → S12

Prix, watts et dates en Barlow à chasse fixe (tabular-nums)

03 — Grille, espacements, formes

12 colonnes · largeur max 1200 px · gouttière 24 px · marges 20 px sur mobile

128

Base 8 px — une section : au moins 96 px de padding vertical ordi, 64 px mobile

Carte — 12 px

Bouton — 8 px

Badge — 999 px

Ombres quasi absentes : on sépare par les bordures fines (#2A2426) et les nuances de surface. Icônes au trait fin 1,5 px, monochromes, une seule famille.

Le motif nid d'abeille reste en filigrane (opacité 4 à 8 %), dans le hero et les fonds de cartes clés — jamais derrière du texte courant.

04 — Composants

ServicesTarifsMéthodologieBlog

Barre fixe, discrète, fond flouté au défilement. Logo requin + flèche UP, blanc sur fond sombre.

Principal : rouge, 52 px, un seul par écran. Secondaire : bordure blanche 1 px.

athlètes accompagnés depuis 2019

places de coaching par saison

places par vague du Protocole UP

24 h

de réponse, en jours ouvrés

Protocole UP

12 SEMAINES ENCADRÉES

Un test 3/5/12 au départ, un plan recalé chaque semaine, 3 visios et un retest à la fin pour mesurer ce qui a bougé.

590 € ou 3 × 199 €

Master STAPSDESJEPS performance sportive — en coursCarte professionnelle d'éducateur sportif

« Témoignage approuvé — texte à insérer ici, avec le même traitement pour former une série. »
Prénom I. — formule, saison

photo à fournir

La science, en clair

MAL DE DOS À VÉLO

Le problème numéro un du cycliste — et ce que la recherche dit vraiment de la position.

Sur le terrain, la puissance critique peut être déterminée de façon valide et reproductible.

Source : Karsten et al., European Journal of Applied Physiology, 2015

Bloc « source » : gris 13 px, auteur et année. Encadré « À retenir » au-dessus : fond #161214, barre rouge 4 px, label en petites capitales rouges.

Deux à trois fois par saison suffisent, de préférence l'hiver et pendant une semaine de décharge. Entre deux tests, on surveille plutôt qu'on remesure.

Trois efforts maximaux de 3, 5 et 12 minutes, sur tes routes habituelles, avec récupération entre chaque. Ils permettent de calculer ta puissance critique et tes zones.

05 — Signature données — hero (courbe de puissance)

Coaching cyclisme & préparation à la performance

MESURER. COMPRENDRE. CIBLER. TENIR.

En arrière-plan, la courbe de puissance en filigrane : tracé unique de 1,2 s au chargement, puis statique. Lisible comme un vrai graphique (axes, unités).

06 — Page Tests — courbe lactate (LT1 / LT2)

07 — Protocole UP — frise des 12 semaines

08 — Section claire — lectures longues (blog, FAQ, CGV)

La science, en clair

ACIDE LACTIQUE : LE MOT EST FAUX.

Fond #F4F1EE, texte #0D0A0B, accent rouge inchangé. Largeur de lecture 680 px, interlignage 1.6, figures pleine largeur, sources en bas.