Brand system
Qui trovi i loghi ufficiali IMLAND, le dimensioni minime, le spaziature, i colori e le icone per app e browser.
Tutto pronto da scaricare e usare senza rifare nulla a mano.
Ogni sezione del sito ha il proprio lockup: simbolo a fumetto colorato più wordmark.
Il colore identifica la sezione, la struttura resta sempre identica.
Header della home, pagine editoriali, documenti, firme e comunicazioni ufficiali. È il logo di riferimento quando non si è dentro una sezione specifica.
Tutto ciò che riguarda la diretta: pagina radio, player, palinsesto, promo dei programmi live.
Canali, episodi, copertine e distribuzione on demand su piattaforme esterne.
Area membri, member card, vantaggi, pacchetti e materiali dedicati alla rete di aziende e persone.
Format live, animazione, sponsorizzazioni e materiali on site (banner, backdrop, badge).
Notizie dal territorio, rassegna stampa, breaking e card editoriali social della redazione.
La regola è una sola: intorno al logo lascia sempre uno spazio pari a metà dell'altezza del simbolo.
Sotto le dimensioni minime il microfono dentro il simbolo non è più leggibile.
Margine = 0,5 × altezza del simbolo (x). Nessun testo, bordo o immagine dentro l'area tratteggiata.
16px24px40pxOgni sezione ha un colore dominante che guida CTA, link e accenti.
Clicca su una tonalità per copiare il valore esadecimale.
Titoli · Plus Jakarta Sans 800
Dai voce al territorio.
Titoli sempre in minuscolo di frase, mai tutto maiuscolo.
Dopo ogni punto si va a capo.
Testo · Inter 400/600
Corpo testo a 16 px, interlinea generosa, massimo 70 caratteri per riga.
La parola chiave nei titoli è una sola ed è evidenziata: radio.
Il set completo è generato dal simbolo, su fondo bianco, con margine del 6%.
Le versioni maskable hanno il 20% di area di sicurezza per Android.
16px32px48px96px180px
maskable| File | Dimensione | Dove viene usato |
|---|---|---|
| /favicon.ico | 16 · 32 · 48 | Tab del browser, bookmark legacy |
| /icons/favicon-16.png | 16×16 | Tab su schermi standard |
| /favicon.png | 32×32 | Tab su schermi retina |
| /icons/favicon-48.png | 48×48 | Shortcut desktop, Windows |
| /icons/favicon-96.png | 96×96 | Nuova scheda, PWA piccola |
| /apple-touch-icon.png | 180×180 | Home screen iOS / iPadOS |
| /icon-192.png | 192×192 | Android, manifest PWA |
| /icons/favicon-256.png | 256×256 | Windows tile, store |
| /icon-512.png | 512×512 | Splash screen e store listing |
| /icon-maskable-192.png | 192×192 | Adaptive icon Android (safe area 20%) |
| /icon-maskable-512.png | 512×512 | Adaptive icon Android grande |
Esempi reali di come il sistema vive su header, app e materiali.
Usali come riferimento prima di produrre qualcosa di nuovo.
Header del sito
CTACTACTAHeader alto 56 px, logo ritagliato senza margini interni, CTA nel colore della sezione.
App e home screen
Icona sempre su fondo bianco: resta leggibile sia su wallpaper chiari sia scuri.
Copertine e social
radio
podcast
member
eventi
newsCopertine 1:1, fondo pieno nel colore di sezione, simbolo in bianco e titolo su banda chiara.
Scrivici e prepariamo il file nel formato che ti serve, dal vettoriale per la stampa ai template social.
IMLAND Radio in diretta
IMLAND Radio
