Référence de la marque

hybridathlete.guide

Tout ce qui suit est lu à partir de design/tokens.json lors de la compilation. Ce fichier est généré à partir de src/styles/global.css. Si une valeur semble erronée, corrigez le CSS et régénérez : ne modifiez pas le fichier JSON et ne modifiez pas cette page.

Couleur

Formulaire d’objet DTCG 2025.10. Chaque valeur comporte colorSpace et components; la valeur hexadécimale est fournie à titre indicatif, elle ne constitue pas la référence absolue.

bg #ffffff srgb(1, 1, 1) Page background.

ink #0c0c0a srgb(0.0471, 0.0471, 0.0392) Primary text and rules.

soft #f5f3ee srgb(0.9608, 0.9529, 0.9333) Recessed surface behind cards and sections.

muted #6b6b65 srgb(0.4196, 0.4196, 0.3961) Secondary text.

line #e3e1da srgb(0.8902, 0.8824, 0.8549) Hairline and border colour.

accent #047857 srgb(0.0157, 0.4706, 0.3412) Single brand accent. Links, CTAs, active state.

accent-soft #ecfdf5 srgb(0.9255, 0.9922, 0.9608) Tinted accent background.

Typographie

display Fraunces, serif Headlines and display type.

Hybrid athletes train both ends of the curve. 0123456789

body IBM Plex Sans, sans-serif Body copy and UI.

Hybrid athletes train both ends of the curve. 0123456789

Boutons

Trois niveaux, et pas de quatrième. Si un contrôle ne correspond à aucun de ces niveaux, c’est la hiérarchie qui est erronée, pas l’ensemble de boutons.

One per view. The single action you want taken.

Alternative paths. Never competes with primary.

Tertiary and destructive-adjacent. Text weight only.

En-tête et pied de page

Les deux sont des composants actifs, pas des captures d’écran : l’en-tête en haut de cette page et le pied de page en bas sont les véritables Nav.astro et Footer.astro rendu par la mise en page partagée. Un spécimen qui serait une image d’un composant deviendrait obsolète dès que le composant changerait ; il n’y en a donc pas.