{"id":316,"date":"2026-06-04T14:13:19","date_gmt":"2026-06-04T14:13:19","guid":{"rendered":"https:\/\/www.mattiastirati.com\/?page_id=316"},"modified":"2026-06-22T08:39:04","modified_gmt":"2026-06-22T08:39:04","slug":"design-system","status":"publish","type":"page","link":"https:\/\/www.mattiastirati.com\/?page_id=316","title":{"rendered":"DESIGN SYSTEM"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\"11\"<\/figure><\/div>
\"A\"<\/figure><\/div>
\"E\"<\/figure><\/div>
\"I\"<\/figure><\/div>
\"M\"<\/figure><\/div>
\"M2\"<\/figure><\/div>
\"O\"<\/figure><\/div>
\"R\"<\/figure><\/div>
\"V\"<\/figure><\/div>
\"V2\"<\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \t\t\t\n
\n\t\t\n<\/div>\n
\n
\n \t\t\t\"\"\/\t\t\n<\/div>\n
\n \t\t\t

Memoria Viva \u00e8 il logotipo del nostro progetto. Si genera dal font Fressoia, un type design appositamente creato per la componente visuale progettuale.La scelta dei due termini nasce dalla fase di ricerca e studio che ci ha portato a catalogare e scanerizzare circa due migliaia di vecchi negativi fotografici svillupati su pellicola Ferrania, dal cui logo ottocentesco \u00e8 ispirato il nostro font. <\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n \t\t\t\n
\n\t\t\n<\/div>\n
\n
\n \t\t\t\"\"\/\t\t\n<\/div>\n
\n \t\t\t

Il logotipo \u00e8 costruito su due righe di testo incasellate in una singola colonna, con la dicitura \u201cViva\u201d riportata a capo sotto \u201cMemoria\u201d e le due parole allineate sulla sinistra. L\u2019altezza del testo \u00e8 la stessa per entrambe le parole, nella parola \u201cViva\u201d tuttavia il punto sovrascritto \u00e8 rimosso per consentire di comporre un testo che risulti maggiormente leggibile.<\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n \t\t\t\n
\n\t\t\n<\/div>\n
\n
\n \t\t\t\"\"\/\t\t\n<\/div>\n
\n \t\t\t

Il logotipo Memoria Viva pu\u00f2 essere inserito in un\u2019area di rispetto che \u00e8 costruita seguendo la proporzione del corpo delle lettere del font Fressoia su cui si basa (vedi modulo sotto). Da questa gabbia circoscritta al testo si possono ricavare anche le versioni del logo in negativo seguendo la palette colori che deriva dalla disamina dei contenitori delle raccolte fotografiche.<\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n \t\t\t\n
\n\t\t\n<\/div>\n
\n
\n \t\t\t\"\"\/\t\t\n<\/div>\n
\n \t\t\t

Il logotipo si presenta in due forme base, nero su fondo bianco o viceversa bianco su fondo nero, tuttavia la palette colori prevede anche un\u2019altra possibilit\u00e0 di applicazione di colori selezionati sulla base delle ricerche sul campo.<\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n \t\t\t\n
\n\t\t\n<\/div>\n
\n
\n \t\t\t\"\"\/\t\t\n<\/div>\n
\n \t\t\t

Dual branding del logotipo, esempio con linea centrale costante e traccia 0,8. Esempio di dual branding con logotipi Memoria Viva e ABA (Accademia di belle Arti).<\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\"Senza<\/figure><\/div>
\"Senza<\/figure><\/div>
\"Senza<\/figure><\/div>
\"Senza<\/figure><\/div>
\"Senza<\/figure><\/div>
\"Senza<\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Memoria Viva \u00e8 il logotipo del nostro progetto. Si genera dal font Fressoia, un type design appositamente creato per la componente visuale progettuale.La scelta dei due termini nasce dalla fase di ricerca e studio che ci ha portato a catalogare e scanerizzare circa due migliaia di vecchi negativi fotografici svillupati su pellicola Ferrania, dal cui […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-316","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mattiastirati.com\/index.php?rest_route=\/wp\/v2\/pages\/316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mattiastirati.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mattiastirati.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mattiastirati.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mattiastirati.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=316"}],"version-history":[{"count":95,"href":"https:\/\/www.mattiastirati.com\/index.php?rest_route=\/wp\/v2\/pages\/316\/revisions"}],"predecessor-version":[{"id":3310,"href":"https:\/\/www.mattiastirati.com\/index.php?rest_route=\/wp\/v2\/pages\/316\/revisions\/3310"}],"wp:attachment":[{"href":"https:\/\/www.mattiastirati.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}