search

italia / design-web-toolkit

Questa libreria è deprecata, si consiglia l'utilizzo di Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
Creative Commons Zero v1.0 Universal
93 stars 87 forks source link

Difformità fra il footer contenuto nel toolkit e quello descritto nelle linee guida di design per i servizi web della PA #142

Open giatro opened 6 years ago

giatro commented 6 years ago

Sto cercando utilizzare il toolkit per per la realizzazione di un template conforme alle linee guida di design per i servizi web della PA e ho notato che il footer di esempio del toolkit

https://italia.github.io/design-web-toolkit/components/preview/footer--default.html

differisce per colore dello sfondo e margini da quanto indicato nelle linee guida:

https://design-italia.readthedocs.io/it/stable/doc/user-interface/componenti.html#esempio-desktop-1440

gunzip commented 6 years ago

ciao @giatro, i colori suggeriti sono "neutri" rispetto a qualsiasi palette, in alternativa si può scegliere un qualasiasi colore ottenuto seguendo le indicazioni su come creare una palette personalizzata. il colore indicato nelle linee guida in particolare è un retaggio del footer applicato su http://www.funzionepubblica.gov.it/. per quanto riguarda i margini cosa intendi esattamente ?

giatro commented 6 years ago

Volendo realizzare un template basato sul toolkit e trovando un differneza fra quanto indicato nelle linee guida "[...]Indipendentemente dalla tipologia di sito si consiglia di adottare le seguenti indicazioni per i colori del footer: Colore di sfondo #30373d[...]"

e il colore di sfondo impostato nel toolkit:

:root {
  --Footer-background-color: var(--Color-95);
}

dove --Color-95 dipende dal colore di base del tema, --Color-95: color(var(--Color-primary) l(-25%));, mi domando se sia necessario correggere il colore di sfondo del footer, per renderlo conforme alle linee guida

:root {
  --Footer-background-color: var(--Color-grey-80);
}

oppure se vadano ignorate le linee guida e lasciare che il colore di sfondo del tema dipenda dal colore di base.

Per quanto riguarda i margini, nell'esempio indicato nelle linee guida (si veda https://design-italia.readthedocs.io/it/stable/_images/esempio-desktop-1440.png ) c'è un margine attorno ai contenuti mentre nel toolkit questo margine non è presente; guardando il toolkit sembra quasi che al footer manchino le seguenti dichiarazioni:

.Footer {
  @extend .u-layout-r-withGutter;
}
gunzip commented 6 years ago

non è necessario, i colori del footer sono solo suggeriti (non prescrittivi). anche per quanto riguarda i margini non c'è una regola prescrittiva da seguire; tra l'immagine contenuta nel testo delle linee guida e l'html del toolkit suggerisco di prendere quest'ultimo come riferimento. ad esempio qui: https://italia.github.io/design-web-toolkit/components/detail/comuni.html i contenuti del footer sono sostanzialmente allineati con quelli del resto del layout