Politica Modelli CSS

Template CSS per la politica creativa

I template CSS per la politica sono già pronti all'uso: schede tematiche coordinate, citazioni di sostegno con un unico stile, pulsanti per i sostenitori che formano un insieme armonioso. A voi spetta solo adattare questo sistema visivo alla specifica campagna, e i template più utili richiedono il minor numero di modifiche per raggiungere questo obiettivo.

Elementi di stile che si ripetono

Il materiale della campagna ripete le stesse forme con testi diversi al loro interno, quindi la maggior parte delle decisioni visive vengono prese una sola volta e mantenute per tutti gli elementi che seguono lo stesso schema. Tre di questi elementi definiscono l'identità visiva:

1. Il colore, mantenuto costante nell'intestazione, nelle schede tematiche e nel pulsante per i sostenitori, con uno stato separato per gli annunci urgenti.

2. Il tipo di carattere, suddiviso per ruolo, in modo che lo slogan della campagna, il nome del candidato e i titoli delle questioni abbiano ciascuno un peso diverso.

3. La gerarchia dei pulsanti, poiché la richiesta principale e un link secondario non dovrebbero mai avere la stessa visibilità, inclusi gli stati al passaggio del mouse e al focus.

Le schede sono il punto in cui il sistema dimostra la sua efficacia. Una scheda informativa con un titolo di due parole e una con una frase completa devono comunque essere allineate, il che dipende dalla spaziatura, dal formato dell'intestazione e dall'altezza della scheda. Le citazioni di sostegno sono più difficili da gestire perché un sostenitore scrive una riga e un altro un paragrafo.

Griglie informative per dispositivi mobili

Una riga di sei schede informative funziona su un computer desktop, ma è impossibile da visualizzare su un telefono. L'elemento Griglia posiziona gli elementi correlati in celle e consente di adattare la disposizione a schermi più stretti, in modo che le stesse posizioni appaiano come un'unica colonna. Tre dettagli creano più spesso problemi:

1. Nomi di leggi lunghi che vanno a capo su una terza riga, deformando il resto della scheda.

2. Il ritratto di un candidato che mantiene le proporzioni del desktop mentre la biografia accanto si trasforma in un nastro sottile.

3. Elenchi di eventi in cui la data, il luogo e il link per la registrazione smettono di essere allineati una volta sovrapposti.

I nomi dei candidati rappresentano un altro banco di prova. Un nome completo con titolo accademico e un lungo riferimento alla carica raramente si adatta allo spazio disponibile. L'intestazione o va a capo in modo ordinato o rovina il blocco. ## Eccezioni da scrivere a mano

Alcuni elementi necessitano di una regola CSS specifica. Un annuncio di campagna in evidenza o un avviso urgente relativo allo spostamento di un comizio potrebbero richiedere uno stato di colore diverso da quello utilizzato dal resto del design. Nicepage supporta il codice CSS personalizzato per questo scopo e la documentazione sul CSS personalizzato descrive le regole che possono essere applicate a un singolo elemento, a una sezione o all'intero sito.

È importante che queste eccezioni siano rare. Un sistema visivo che si sovrascrive continuamente è stata una scelta sbagliata fin dall'inizio. Il segno più sicuro di un buon sistema è il suo comportamento in presenza di materiale di campagna reale: nomi di candidati lunghi, citazioni non uniformi e un elenco di eventi in continua crescita.