Heu de tenir en compte la posició perquè hi ha components que tenen una millor visualització si s'utilitzen en algun tipus de franja o una altra (100%, 66%, 50% o 33%).
La secció de destacats està formada per llistes de contingut amb diverses formes de presentació, que es triaran segons les necessitats comunicatives de l'organisme promotor:
El títol de la llista ha de ser curt, en la versió mòbil ocuparia tot l'ample de la pàgina.
Mostra una llista d'enllaços amb un títol.
El títol està sobre fons blanc i els enllaços sobre fons gris.
Aquesta forma de presentació té diversos paràmetres configurables que permet mostrar la llista de diferents formes
Si s'activa l'opció "Plegable en mòbil" es mostrarà com un enllaç que s'obre des de la part dreta de la pàgina i desplega els enllaços.
Llista d'enllaços (escriptori i tauleta)
Llista d'enllaços desplegat (versió mòbil)
Llista d'enllaços plegat (versió mòbil)
No s'ha d'utilitzar aquesta fpca en una pàgina que tingui molt color o imatge, ja que provocaria una visualització caòtica de la pàgina.
Es recomana utilitzar aquesta forma de presentació en pàgines en què no hi hagi imatge ni color, de manera que es destaca més la llista d'enllaços.
Mostra una llista de bàners amb imatge i títol.
El títol de l'enllaç es mostra sobreimpressionat a la part inferior de la imatge.
El contingut principal de la imatge ha d'estar a la part superior.
Llista de bàners amb imatge (escriptori i tauleta)
Llista de bàners amb imatge (mòbil)
El número d'ítems recomanats és 4 o 8.
El títol ha de tenir una llargada màxima de 80 caràcters.
Mala pràctica: Es recomana no combinar aquesta forma de presentació en pàgines on hi ha excés de càrrega informativa gràfica (carrusels, vídeos, etc.).
La imatge per si mateixa ja és informació, per tant ha de ser il·lustrativa de l'enllaç que porta.
Mostra una llista d'enllaços amb imatge quadrada.
El títol es mostra sobreimpressionat en blanc a la part inferior de la imatge.
Versió mòbil: Es mostra a dues columnes.
Llista de bàners amb imatge quadrada (escriptori i tauleta)
Llista de bàners amb imatge quadrada (mòbil)
Aquesta forma de presentació s'ha d'usar en una zona de franja grisa de la pàgina.
Imatge: porta sobreimpressionat el títol de l'enllaç, el pes important de la imatge no estigui a la part inferior, que és on hi ha el text.
Títol: ha de tenir una llargada d'uns 20 caràcters.
Recomanacions en cas de mostrar tràmits:
Versió escriptori i tauleta: Es recomana que ocupi el 100% de l'àrea, i es mostra a 3 columnes.
Versió mòbil: El primer element de la llista, amb imatge, es mostra a 50% la imatge i el títol, i la resta d'elements es mostren en una llista d'una columna.
Llista d'enllaços amb imatge destacada (escriptori i tauleta)
Llista d'enllaços amb imatge destacada (mòbil)
Informació editorialitzada que mostra una selecció dels àmbits d'actuació i la possibilitat d'incloure dos bàners amb imatge.
Els textos han de ser curts, com a màxim 40 caràcters.
Versió escriptori i tauleta: Ocupa un espai del 100% de l'àrea.
Mostra files de quatre elements, una o dues, que es poden parametritzar per ser:
Versió mòbil: Ocupa un espai del 100% de l'àrea.
Mostra el contingut a 1 i a 2 columnes que es poden parametritzar per ser:
8 bàners amb quadrícula color (escriptori i tauleta)
6 bàners amb quadrícula colors i 2 imatges (escriptori i tauleta)
4 bàners amb quadrícula color (escriptori i tauleta)
Bàners amb quadrícula colors (mòbil)
Títol: llargada màxima de dues línies en versió tauleta o 80 caràcters.
Mala pràctica: No es recomana utilitzar més d'un carrusel per pàgina per sobrecàrrega d'informació gràfica i moviment.
Mostra un carrusel d'enllaços amb imatge quadrada.
El títol es mostra sobreimpressionat en blanc a la part inferior de la imatge i el text es mostra sota la imatge.
Cada ítem de la llista està dins del requadre
Mostra els elements de 4 en 4 (4 en la primera fila, 4 més en la segona, etc.)
Quan hi ha més de 4 ítems, apareixen les fletxes per navegar a dreta i esquerra.
Carrusel de bàners (escriptori i tauleta)
Títols: La llargada no ha d'ocupar més d'una línia (versió escriptori), tot i que no hi ha limitació de caràcters.
Entradetes: Igualment, les entradetes no han d'ocupar més de dues línies (versió escriptori).
Mala pràctica: Aquesta forma de presentació dóna molta força a la imatge i implica moviment, per això no es recomana utilitzar-la si hi ha més carrusels a la pàgina.
El carrusel es mou automàticament a partir de la primera diapositiva i finalitza també a la primera diapositiva i per tant, és la que té més importància.
Es mostra amb fletxes de navegació dins de la imatge i punts de navegació a la part inferior.
Si només hi ha un ítem a la llista, no es mostren les fletxes i els punts de navegació.
Versió escriptori i tauleta: Ocupa l'àrea de 100%.
Títol i entradeta surten a la part esquerra de la peça, sobre un fons blanc.
Versió mòbil: El títol surt sobreimpressionat a la imatge i l'entradeta surt sota els punts de navegació, a sota de la imatge.
Carrusel de diapositives per a escriptori i tauleta
Carrusel de diapositives per a mòbil