L’avvocato Elisa Ferrarello, specializzata in diritto del lavoro e civile, con un focus sul risarcimento del danno alla persona, aveva bisogno di una brand identity che rispecchiasse la sua professionalità e il suo approccio empatico. L’obiettivo era sviluppare un’immagine coerente e distintiva, capace di trasmettere affidabilità e competenza, ma anche vicinanza umana. Inoltre, era necessario un Design System strutturato, per garantire coerenza visiva e funzionale nei diversi touchpoint digitali e fisici.
Ho creato una Brand Identity in grado di comunicare al meglio il valore dell’avvocato Ferrarello: un equilibrio tra autorevolezza e sensibilità, elementi chiave nel suo lavoro. Ho sviluppato un’identità visiva pulita ed elegante, con colori e tipografie studiati per trasmettere serietà e affidabilità, senza risultare freddi o distaccati. Per rendere la comunicazione efficace e uniforme, ho realizzato un Design System completo, fornendo linee guida per il brand su web, materiali stampati e altri asset digitali. Il risultato è stato un’identità visiva che rafforza la reputazione dell’avvocato e favorisce una comunicazione chiara e diretta con i suoi clienti.
Difendere con passione e competenza i diritti di chi ha subito danni alla persona, offrendo una rappresentanza legale empatica e specializzata. Con un approccio basato sull’analisi approfondita di ogni caso, la comprensione delle situazioni mediche e l’impegno a ottenere giustizia per le vittime e le loro famiglie, garantendo risarcimenti per le gravi conseguenze della negligenza altrui.
Essere il punto di riferimento nell’ambito del diritto civile, diritto del lavoro, danni alla persona. Qualunque sia l’ambito la persona è sempre al centro. Attraverso una difesa legale umana e competente, l’obiettivo è fare la differenza nella vita di chi ha bisogno di sostegno e ottenere risultati che abbiano un impatto reale.
Simboleggia i problemi complessi che richiedono soluzioni giuste ed eque.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwxyz
0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwxyz
0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwxyz
0123456789
Bright Gray
#EBEDF3
RGB: 235; 237; 243
CMYK: 3%; 2%; 0%; 5%
Ateneo Blue
#003B6D
RGB: 0; 59; 109
CMYK: 100%; 46%; 0%; 57%
IvyOra Display
Bold 64px/48px/36px
Line height 110%
Letter spacing 4%
IvyOra Display
Bold 48px/36px/28px
Line height 120%
Letter spacing 2%
Lato
Semi bold 40px/32px/28px
Line height 120%
Letter spacing -1%
Lato
Semi bold 32px/28px/24px
Line height 130%
Letter spacing -0,5%
Lato
Bold 24px/20px/18px
Line height 140%
Letter spacing -0.5%
Lato
Regular 20px/18px/16px
Line height 140%
Letter spacing 0%
Lato
Regular
18px/16px/14px
Line height 140px
Letter spacing 0%
Lato
Regular
16px/14px/14px
Line height 150%
Letter spacing 1%
Lato
Semi bold 16px/14px/14px
Line height 140%
Letter spacing 1%
Underlined
Lato
Light 14px/12px/12px
Line height 140%
Letter spacing 2%
Content Primary
Hex: 003B6D
Usa per enfatizzare i primary content in relazione agli elementi
Content Secondary
Hex: 3D3D3D
Usato per la maggior parte dei body text
Content Tertiary
Hex: 6A6C6A
Usato per i placeholder dei form. Sconsigliato l’utilizzo in altre sezioni.
Content Link
Hex: 003B6D
Use for links and for external link icons that appear in line with link text.
Usato per i link
Interactive Primary
Hex: 003B6D
Usato per comunicare l’interattività dell’elemento. Usato anche per enfatizzare gli item attivi nelle liste.
Interactive accent
Hex: 72BEFF
sato come accent color negli elementi interattivi.
Content Tertiary
Hex: CCCCCC
Usato per de-enfatizzare l’interazione, come i bordi negli input e nelle checkbox. Non usare nei testi.
Colore sfondo
Hex: FFFFFFF
Il livello di sfondo nella maggior parte delle schermate.
Colore sfondo (rialzato)
Hex: FFFFFFF
Usato per interfacce rialzate che mostrano parte del contenuto dietro, come sidebar e sidesheet.
Sfondo neutrale
Hex: F1F8FF
Usato per delineare aree senza l’uso dei bordi, come gli alert e gli avatar.
Background overlay
Hex: F1F8FF
Usato per scurire leggermente un’area, per i caricamenti degli shimmers.
Bordo neutrale
Hex: E0E0E0
Usato per la maggior parte dei divisori, per esempio nell’header.
Bordo overlay
Hex: E0E0E0
Usato sul bordo delle immagini per differenziarle dallo sfondo.
È il tipo di pulsante standard che comunica un’azione generica.
Indica azioni distruttive e irreversibili
L’azione più importante per procedere in un flusso, confermare e chiudere, o completare un’attività.
Usato per offrire alternative all’azione primaria o quando nessuna azione è più importante delle altre.
Per azioni funzionali, come controlli o per la navigazione
Le azioni di chiusura offrono agli utenti un modo per uscire da qualcosa, consentendo loro di annullare, non fare nulla, chiudere o saltare.
