StiliServizi


Sintesi degli stili per area. Colori e componenti condivisi (stili_2026.css, classi .stile2026-* e .pulsante_* in struttura.css) valgono in tutte e tre le aree; qui sotto il riepilogo per contesto.

Front – Area riservata (associati / utenti)

  • Colori: nero #000 per menu, link primari, pulsanti, barre; sfondi neutri #FFF, #f5f5f5, #EAEAEA; testo #333 su chiaro.
  • Uso: pagine pubbliche dell’area riservata (home, servizi, iscrizioni, profilo, ecc.).
  • File: head_sportivando.aspstruttura.css + stili_2026.css.

Back – Manutenzione / ufficio

  • Colori: stesso schema: nero #000 per elementi primari; rosso mattone #8B3A3A (o #722F37) per azioni/aree di gestione. Evitare arancio #F60.
  • Uso: gestionale, fatture, colonie, appuntamenti, anagrafiche (manutenzioneuff).
  • File: template/grafica.css (include stili_2026.css); pagine che usano struttura.css hanno gli stessi componenti.

Area collaboratori

  • Colori: nero #000 per tutti (menu, contenitore); rosso mattone #8B3A3A solo per admin / responsabile di zona o centro (secondo menu, linguette “area gestione”).
  • Uso: area riservata operatori (principali_azioni_RDC, programmi, gite, forum, ecc.).
  • File: contenitore.aspstruttura.css + stili_2026.css; menu in MenuArOp.asp (.topnav = nero, .topnav2 = rosso mattone).

Titolo pagina


Link Link verso associazione

Nota informativa

Testo di esempio per una nota informativa dentro una card.

Pulsante sottotitolo
Link a documento
Informazione
BOX Fratelli
! Nota della voce
! Nota di emergenza

Loghi

Logo in cima al sito front (quest’anno)

Blob verde con scritta SPORTIVANDO bianca e linea sotto: header dell’area riservata in top_a.asp (classe .blob-sportivando + .linea-3px-pagina).

SPORTIVANDO

Colori: blob e linea #969e07, bordo blob #858d06. Immagine: /area_riservata/template/loghi/logo_bianco_2020.png (in header 32px o 24px a seconda del layout, 20px su mobile).

Logo light (generico)

Stesso file PNG usato in menu, footer e contenuti quando serve logo bianco su sfondo scuro (senza blob).

Logo Sportivando light

Percorso: /area_riservata/template/loghi/logo_bianco_2020.png — 250×56 px (PNG trasparente)

Uso dei loghi per sezione

Dove si usa il logo light (e il logo in cima al front) per area. Aggiornare quando si trovano altre occorrenze.

  • Front (area riservata): logo in cima = top_a.asp (header). Stesso logo anche in menu_art.asp, menu_associazione.asp; in contenuti: tessera_associativa.asp, VaucerOperatore.asp.
  • Back (manutenzioneuff): da verificare / aggiungere quando si trova.
  • Area collaboratori: top_a.asp, menu_candidati.asp, TopAppello.asp, menu_op_no_contratto.asp.

Altri loghi: vettoriale /img/LogoSportivando.ai; varianti in /img/grafica2020/, /img/grafica2023/, /img/grafica2025/, /img/grafica2026/. Se esiste un logo annuale in grafica2025 o grafica2026, aggiungerlo qui con percorso e uso.


Palette colori e attività (i valori possono essere caricati da DB).

#F6D943
#C0CC36
#FF5F5F
#FF9fcb
#3481c1
#b2429d
#999999