Riferimento al marchio

hybridathlete.guide

Tutto ciò che segue viene letto da design/tokens.json al momento della compilazione. Quel file viene generato da src/styles/global.css. Se un valore qui sembra errato, correggi il CSS e rigenera: non modificare il JSON e non modificare questa pagina.

Colore

Modulo oggetto DTCG 2025.10. Ogni valore contiene colorSpace e components; il codice esadecimale è solo una convenzione, non la fonte di riferimento.

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.

Tipografia

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

Pulsanti

Tre livelli, e nessun quarto. Se un controllo non rientra in uno di questi, è la gerarchia a essere sbagliata, non il set di pulsanti.

One per view. The single action you want taken.

Alternative paths. Never competes with primary.

Tertiary and destructive-adjacent. Text weight only.

Intestazione e piè di pagina

Entrambi sono componenti attivi, non screenshot: l’intestazione nella parte superiore di questa pagina e il piè di pagina in fondo sono i veri Nav.astro e Footer.astro visualizzati dal layout condiviso. Un esempio che sia una immagine di un componente diventa obsoleto nel momento stesso in cui il componente cambia, quindi non ne esiste uno.