Guida allo stile

Fate riferimento all’elenco seguente ogni volta che create nuove immagini per il vostro sito. Dovreste trovare una dimensione per tutte le possibili immagini che vi serviranno/utilizzerete.

Dimensioni dell’immagine

• Loghi dei clienti: 300px × 175px
• Immagini della categoria di prodotto (PNGS): 300px × 200px
• Icone a 2 toni: 100px × 100px
• Icone dei paesi (pagina delle località): 40px × 40px
• Immagini dei prodotti (PNG per le foto dei prodotti, JPG per le foto dello stile di vita): 700px × 700px
• Immagine del blocco pagina 50/50: 800px × qualsiasi altezza
• Blocco pagina 50/50 Video (immagine di copertina): 800px x 450px (16:9)
• Colonna/Carte Immagine blocco pagina: 500 x 300
• Immagini del collage di casi di studio (utilizzare il modello PSD): 800px × 700px
• Immagine eroe della homepage: 1000px × 700px
• Intestazione della pagina interna (rettangolo con sovrapposizione rossa): 1000px × 600px
• Immagini di intestazione per intestazioni in stile centro di apprendimento (panoramiche): 1600px × 350px
• Eroe del piè di pagina: 1600px × 500px
• Foto Bio della squadra (cerchio realizzato con CSS): 300px × 300px
• Tipi di post Immagini principali (blog, notizie, eventi, formazione, ecc.): 900px × 500px

Specifiche dei caratteri

• H1 – Desktop – Proxima Nova , 500 – 50px/55px – Colore: #000 – Interlinea: -1 – Margine: 25px imbottitura inferiore
• H1-H5 su bg nero o rosso – – / – Colore: #FFF
• H1 – mobile – – 35px/40px – Interlinea: -.75
• Pretitle – Desktop – Proxima Nova, 500, ALL CAPS – 16px/20px – Colore: #000 (opacità 75%) – Interlinea lettere: +5 – Margine: 28px imbottitura inferiore
• pretitolo su nero – – / – Colore: #FFF (opacità 75%)
• pretitolo sul rosso – – / – Colore: #FFF (100% opacità)
• pretitle – mobile – – 14px/18px – Interlinea: -4px
• Stile intro – Desktop – Proxima Nova, 400 – 26px/37px – Colore: #000 – Margine: 35px imbottitura inferiore
• Stile Intro su nero o rosso – – / – Colore: #FFF
• H2 – Desktop – Proxima Nova , 500 – 45px/50px – Colore: #000 – Margine: 20px imbottitura inferiore
• H2 – mobile – – 32px/40px
• H3 – Desktop – Proxima Nova , 500 – 42px/48px – Colore: #000 – Margine: 15px imbottitura inferiore
• H3 – mobile – – 27px/35px
• H4 – Desktop – Proxima Nova , 400 – 32px/38px – Colore: #000 – Margine: 15px imbottitura inferiore
• H5 – Desktop – Proxima Nova, 400 – 30px/36px – Colore: #000 – Margine: 20px imbottitura inferiore
• H6 – Desktop – Proxima Nova , 600 – 23px/30px – Colore: #000 – Margine: 20px imbottitura inferiore
• H6 – mobile – – 20px/28px
• stile paragrafo – desktop – Proxima Nova , 400 – 20px/30px – Colore: #000 (opacità 75%) – Margine: 20px imbottitura inferiore
• stile paragrafo su nero – – / – Colore: #C8C8C8
• stile di paragrafo sul rosso – – / – Colore: #FFF
• link di paragrafo – desktop – Proxima Nova , 400 – / – Colore: #D7172F
• link di paragrafo su nero o rosso – – / – Colore: #FFF
• Stile testimonial – Proxima Nova , 300 – 27px/42px – Colore: #000 (opacità 75%)
• testimonial – mobile – – 22px/33px

Valori del colore del sito