Guida di stile

Colori

• inchiostro #241F18
• taupe #4A4034
• terra #6B5D4C
• verde-scuro #2A3B25
• verde #3C5A40
• terracotta #B15A2E
• ocra #C9A063
• pietra #B7AF9B
• tana #DCD3BE
• sabbia #E1D8C4
• crema #EBE3CE
• nebbia #ECE5D6
• avorio #F3EEE1
• grigio-chiaro #F9F9F9
• bianco #FFFFFF

Tipografia

I campioni qui sotto sono paragrafi con lo stile dei titoli: nella pagina restano un solo H1 e un H2 per sezione.

Display 68/76 · Il Bagaglio Turistico

Titolo XXL 50/56 (H1 delle pagine interne) · Il prossimo passo insieme

Titolo XL 46 (H2 della Home) · Prossime escursioni

Titolo M 30/38 (H2 delle pagine interne) · Ottobre 2026

Titolo S 24/30 (H3) · Titolo di blocco

Titolo XS 22/30 (H4) · Dettagli dell’escursione

Testo grande 20 · Dal 2021, escursioni e viaggi a piedi in Romagna, Toscana e Marche.

Testo base 17/26 · Un paragrafo di prova con un link nel testo, del grassetto e del corsivo. Le misure sono fluide: a 375 px i caratteri si riducono fino ai valori minimi indicati in theme.json.

Testo medio 15/24 in colore terra, per testi secondari.

Pulsanti e link

Tutto il calendario

Intestazione di sezione

Nelle pagine si usa il pattern «Intestazione di sezione», con un H2. Qui l’esempio usa un H3 per rispettare la gerarchia della guida.

Etichette e chip

Badge disponibilità (solo aspetto)

Esempi statici. Sul sito il testo e lo stato arrivano dal plugin, mai dall’HTML in cache: vedi docs/architettura.md. Finché non esistono prenotazioni si usano solo questi stati verificabili.

• Verifica dello stato… caricamento
• In programma in-programma
• Iscrizioni chiuse chiusa
• Annullata annullata
• Rinviata rinviata
• Conclusa conclusa
• Stato da verificare errore

Riservati alla fase delle prenotazioni

• Posti disponibili disponibile
• Ultimi 3 posti ultimi-posti
• Sold out · lista d’attesa esaurito

Campi dei moduli (solo aspetto)

Date dal plugin

Elenchi reali, letti dalle partenze pubblicate in Esperienze. Senza date compare il testo dell’elenco vuoto. Richiede il plugin Bagaglio Esperienze attivo.

Card grandi (Home)

Card compatte (Escursioni, Viaggi e weekend)

Righe del calendario

Pulsanti di contatto

Componenti della futura prenotazione (non attivi)

Solo aspetto, per la fase dedicata alle prenotazioni. Nessun dato viene inviato e i controlli sono disattivati.

Verifiche da tastiera

1. Premi Tab dall’inizio della pagina: il primo elemento è «Vai al contenuto».
2. Ogni elemento raggiunto mostra un contorno di focus ben visibile, anche su fondo scuro.
3. Sul pulsante freccia accanto a «Escursioni» premi Invio o spazio: il sottomenu si apre; Esc lo chiude.
4. Sotto 1280 px apri il menu con il pulsante «Menu»: il focus resta nel pannello; Esc lo chiude e il focus torna al pulsante.