IL CIBERNETICO · KIT DEL LOGO
Settembre 2026

Il logo è il "capolettera": una grande C che contiene la parola "il" in corsivo.
Il puntino della prima "i" di Cibernetico è un piccolo ingranaggio verde, grande
quanto un normale puntino: è l'unico dettaglio a colore e riprende l'ingranaggio
del vecchio marchio. Sta solo sulla "i" di "ibernetico", in tutte le versioni.
Il puntino di "il", dentro la C, resta sempre del colore del testo: per questo il
simbolo (solo C + "il") è a un colore, nero o bianco.

Per le regole d'uso complete aprite: guida-rapida-logo.pdf
Per un colpo d'occhio su tutto il kit: anteprima-kit.png


COSA C'È NELLE CARTELLE
-----------------------

svg/        I file vettoriali originali. Si ingrandiscono senza perdere qualità.
            Da dare a grafici, tipografie, chi fa video o presentazioni.
  01-testata/            forma principale, con il motto
  02-logo-orizzontale/   senza motto, per gli spazi bassi
  03-simbolo/            la C con "il", nero o bianco: trasparente, quadrato,
                         tondo
  04-ingranaggino/       l'ingranaggino da solo, come elemento grafico

  Testata e logo orizzontale esistono in queste versioni:
    colori                    nero + ingranaggino verde, su fondo chiaro
    negativo                  bianco + ingranaggino verde chiaro, su fondo scuro
    negativo-su-fondo-nero    come sopra, con il fondo nero già incluso
    nero                      tutto nero, per stampa a un colore e timbri
    bianco                    tutto bianco, su fondi colorati
  Il simbolo esiste in nero, bianco e bianco-su-fondo-nero.

png/        Le stesse forme in PNG con fondo trasparente, a 600, 1200 e 2400 px
            di larghezza (simbolo nero e bianco a 512, 1024 e 2048 px).

web/        Favicon e icone per il sito:
            favicon.ico, favicon.svg (diventa bianca in automatico con il tema
            scuro del browser), favicon 16/32/48 px, apple-touch-icon,
            icone Android, site.webmanifest e il codice da incollare nell'<head>
            (codice-per-head.html). Serve solo se il sito non è su Ghost:
            Ghost genera la favicon da solo partendo dall'icona della pubblicazione.

ghost/      File pronti per Ghost (Impostazioni > Design > Brand):
  icona-pubblicazione-512.png            -> "Publication icon" (Ghost la usa
                                            anche come favicon)
  logo-pubblicazione.png                 -> "Publication logo" (logo orizzontale,
                                            fondo trasparente, 240 px di altezza)
  logo-pubblicazione-negativo.png        -> per un eventuale tema scuro
  logo-pubblicazione-con-motto.png       -> la testata, se volete un header alto

  Nota sul tema Gazet: nell'header il logo è alto circa 64 px su desktop e 40 px
  su mobile. A quelle misure il motto della testata non si legge, per questo
  consigliamo il logo orizzontale. L'altezza si regola da Impostazioni > Code
  Injection con le variabili --logo-h-desktop e --logo-h-mobile
  (vedi https://brightthemes.com/docs/gazet).

social/     Foto profilo (bianca e nera, 1080 px, funziona anche ritagliata a
            cerchio), anteprima dei link 1200x630 (da usare come immagine di
            condivisione predefinita), copertine per X (1500x500),
            LinkedIn (1128x191), Facebook (1640x624) e un post quadrato 1080 px.

email/      Logo per la firma email (testata 600 px e logo orizzontale 400 px,
            da mostrare a metà della loro larghezza per restare nitidi).

stampa/     PDF vettoriali di testata, logo e simbolo (colori e nero) per la
            tipografia.

esempi/     Immagini di esempio: header del sito chiaro e scuro, favicon nel
            browser e icona sul telefono, profilo social e anteprima di un link,
            firma email. I testi degli articoli sono segnaposto.


COLORI
------
Nero                #111111   RGB 17 17 17      stampa: nero 100% (K100)
Verde Cibernetico   #287E55   RGB 40 126 85     CMYK 82 18 77 25
Verde chiaro        #33A062   RGB 51 160 98     CMYK 77 3 77 9  (per fondi scuri)
Verde scuro         #1E5E48   RGB 30 94 72      CMYK 89 32 75 43
Bianco              #FFFFFF

I verdi vengono dalla sfumatura del vecchio logo (chiaro e scuro sono gli estremi,
il Verde Cibernetico è il tono centrale). I CMYK sono calcolati con il profilo
FOGRA39 e sono indicativi: per stampe importanti chiedete una prova colore.


CARATTERE
---------
EB Garamond (Georg Duffner e Octavio Pardo), licenza SIL Open Font License,
gratuito su Google Fonts. Bold per la C e "ibernetico", Semibold corsivo per "il",
Medium maiuscolo spaziato per il motto.
Nei file del kit le lettere sono già convertite in tracciati: per usare il logo
non serve avere il carattere installato.


DIMENSIONI MINIME
-----------------
Testata            320 px di larghezza   /  60 mm in stampa
Logo orizzontale   120 px                /  25 mm
Simbolo             32 px                /  10 mm
                    (come favicon a 16 px resta riconoscibile dalla C)

Area di rispetto: attorno al logo va lasciato libero uno spazio almeno pari
all'altezza della lettera "n" di "ibernetico".
