Skip to content
This repository has been archived by the owner on May 20, 2022. It is now read-only.

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 this issue Mar 16, 2018 · 3 comments

Comments

@giatro
Copy link

giatro commented Mar 16, 2018

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
Copy link
Member

gunzip commented Mar 16, 2018

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
Copy link
Author

giatro commented Mar 16, 2018

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
Copy link
Member

gunzip commented Mar 16, 2018

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants