Linee guida
Identità visiva
Le regole del marchio di Filippo Scarpellini, designer a Genova. Dodici capitoli, un solo dettaglio che li tiene insieme.
01
Il puntino
Tutta l’identità nasce da un solo dettaglio: il puntino giallo sull’ultima i del nome. Non lo spieghiamo a parole, lo mostriamo.
filippo scarpellini
Il nome si scrive in minuscolo, intero, su una riga. Una sola i è accesa: l’ultima. Il segno breve «fi» prende la prima e l’ultima lettera del nome e porta con sé quel puntino.
Regola d’oro · il puntino giallo sta sempre e solo sull’ultima i.
02
Logotipo
Forma DJR Display Medium, tutto minuscolo, spaziatura +20. Il puntino della i finale è un quadrato largo quanto l’asta.
Da non fare
Filippo Scarpellini
03
Avatar «fi»
La prima e l’ultima lettera del nome. È il protagonista dell’identità: profilo Instagram, favicon, firma sui lavori.
- 01
Il segno sta al centro del quadrato e occupa metà dell’altezza: nel ritaglio tondo dei social non tocca mai il bordo.
- 02
Dimensione minima 16 px: sotto, il puntino non si legge più.
- 03
Nessuna cornice, ombra o sfondo fotografico: solo i colori della palette.
04
Colore
Inchiostro, carta, un giallo. Il giallo non fa sfondo e non colora testi: è riservato al puntino e ai piccoli marcatori quadrati.
Proporzioni
Giallo 2% · se il giallo supera il puntino, è troppo.
Neutri di servizio
Contrasti
I valori CMYK sono indicativi: per la stampa fare sempre una prova colore.
05
Tipografia
Una sola famiglia, due voci. Forma DJR, revival del carattere Nebiolo del 1968: italiano, tecnico, pulito.
Display · Medium 600
Aa
Forma DJR Display
Titoli, logotipo, frasi brevi. Sempre spaziatura positiva, mai sotto +20.
Display · Regular 500
Aa
Forma DJR Display
Testo corrente, didascalie lunghe, bio.
Mono · Medium 600
Aa
Forma DJR Mono
Etichette, numeri, dati tecnici. Sempre maiuscolo, spaziatura +100.
Agorà
Misuro due volte, disegno una.
Un modulo quadrato regola tutto.
Sono Filippo, designer a Genova. Studio Design del prodotto e della comunicazione all’Università di Genova.
Identità visiva · 2026
- 01
Niente corsivi e niente grassetti oltre il Medium: l’enfasi si fa con la dimensione o con un sottolineato giallo.
- 02
Il logotipo non si scrive mai a mano con il font: si usa sempre il file del kit.
- 03
Allineamento a sinistra, a bandiera. Mai giustificato.
06
Griglia
Tutto su un modulo di 8. Dodici colonne, margini e spazi che si ripetono identici in ogni formato.
Desktop · tablet · telefono. Larghezza massima del contenuto 1312 px.
07
Linguaggio grafico
Pochi elementi, sempre gli stessi. Vengono dal disegno tecnico: quote, numeri, righe sottili.
Lavori
Quadrato giallo 8 px prima di ogni etichetta. È l’unico altro uso del giallo.
Quadrato giallo con numero in Mono: segna un dettaglio su un’immagine, spiegato a fianco.
01 · Il tema
Riga sottile in Inchiostro sopra ogni capitolo, numerazione a due cifre.
una ragione
Sottolineato giallo pieno sotto una parola chiave. Al massimo una per pagina.
08
Fotografia
Persone e lavori su fondi neutri e caldi, luce morbida, niente filtri. Le immagini dei progetti stanno sempre su Velo.
09
Movimento
Il puntino è l’unico elemento che si muove da solo. Le aste salgono, il punto cade sulla i e rimbalza. Passaci sopra.
cubic-bezier(.2,.8,.2,1)
parte dopo 0,8 s, si schiaccia toccando l’asta
allo scorrimento, una dopo l’altra
chi ha attivo «riduci movimento» vede tutto fermo
10
Tono di voce
Diretto, preciso, mai gonfiato. Frasi brevi, prima persona, parole concrete. La precisione si dimostra, non si dichiara.
Così
Un modulo quadrato regola tutto: logo, numeri, griglie.
Misuro due volte, disegno una.
Non così
Soluzioni creative innovative a 360° per il tuo brand!
Sono molto preciso e attento ai dettagli.
- 01
Una frase, un’idea. Se serve una virgola in più, servono due frasi.
- 02
Numeri e misure al posto degli aggettivi.
- 03
Niente emoji nei testi del brand; nei social al massimo una, a fine riga.
11
Il profilo è una vetrina del portfolio: lo stesso ordine del sito, gli stessi colori, il segno «fi» come foto profilo.
Filippo Scarpellini
Designer · Genova
Identità visive, editoria, packaging, motion.
filipposcarpellini.it
Misuro due volte,
disegno una.
Agorà
Reload
Il carattere come progetto
Mugazine N.05
0102Il puntino
va sull’ultima i.
Motion- 01
Foto profilo: avatar «fi» principale, su Inchiostro.
- 02
Nome: Filippo Scarpellini. Bio di tre righe: ruolo e città, cosa fai, link al sito.
- 03
Storie in evidenza: Lavori, Processo, Motion, Info. Copertine Inchiostro con numero in Mono e puntino giallo.
- 04
Griglia a ritmo di tre: un lavoro, un dettaglio annotato, una frase in Forma su Carta o Giallo.
- 05
Didascalie: titolo del progetto, una riga di idea, etichette in fondo.
12
Kit
Tutti i file pronti: logotipo, avatar e palette. Usa sempre questi, non ridisegnare.
- Logotipo · positivo, negativo, monocromo · SVG + PNG
- Avatar «fi» · 3 versioni · SVG + PNG 1080, 512, 180
- Palette · HEX, RGB, CMYK