In effetti, molti dei siti Web che visito quotidianamente fanno un uso piuttosto scarso della tipografia (secondo me), motivo per cui provo sempre un senso di gioia travolgente quando mi imbatto in un sito Web che ha davvero fatto il massimo miglio per quanto riguarda la tipografia.

Quindi, se sei stufo di vedere artisti del calibro di "Arial" e "Times New Roman" (lo so che lo sono!), o se hai bisogno di ispirazione tipografica per un progetto futuro, ecco alcuni siti che fanno un uso eccellente della tipografia :

1 Gruppo V02

V02 Group fa un uso interessante della tipografia sul proprio sito Web, nel senso che alcune parti di essa sono nascoste dietro l’immagine del corridore.

Questo aiuta a creare un senso di profondità e ritrae un’immagine della tipografia fluttuante a mezz’aria.

Font utilizzati: Crimson Text, Futura

2 Qual è il tuo futuro?

"Qual è il tuo futuro?" è un sito Web splendidamente realizzato che utilizza la tipografia con parsimonia.

Il design nel suo insieme è abbastanza minimalista e "piatto", che è molto probabilmente il motivo alla base di una scelta di caratteri così avventurosa (Baron Neue) per il carattere grande.

Font utilizzati: Baron Neue, Georgia

3 Jacob Grubbe

Jacob Grubbe ha creato qui un sito Web eccezionalmente semplicistico, con la tipografia come punto focale principale: mentre digiti, il sito Web si rivela.

Jacob utilizza solo un carattere tipografico in questo design (Roboto) ma funziona perfettamente con lo stile di design minimalista.

Font utilizzati: Roboto

4 risoluzioni segrete

Secret Resolutions è un sito web colorato, un po’ schietto che, proprio come il sito web di Jacob sopra, utilizza solo un carattere tipografico (Brandon Grotesque).

La tipografia è grande, audace, avventurosa e divertente: una scelta perfetta considerando il concetto del sito.

Font utilizzati: Brandon Grotesque

5 Nozioni di base09

Basics09 fa esattamente quello che dice sulla scatola: offre un sito Web "di base" che, ancora una volta, utilizza solo un carattere tipografico (Benton Sans).

Benton Sans di per sé è un font sans serif abbastanza semplice e chiaro, ma il designer ha utilizzato uno stile e un dimensionamento sottili per creare un senso di gerarchia, anche con un solo carattere tipografico nel design.

Font utilizzati: Benton Sans

6 Degordiano

Degordian fa uso di una tipografia maiuscola grande per gli elementi principali del design, accompagnata da un testo più piccolo e normale scritto nel carattere popolare: Merriweather.

Questa combinazione di immagini di sfondo di grandi dimensioni e tipografia maiuscola di grandi dimensioni sta rapidamente diventando una tendenza del web design quest’anno.

Font utilizzati: Futura, Merriweather

7 Tenuta Brancott

Brancott Estate ha optato per un effetto disegnato a mano simile a una lavagna per il proprio sito web.

Non siamo sicuri di quale sia il carattere principale che hanno utilizzato, ma è presente insieme a Georgia. Che cos’è, è una combinazione epica.

Font utilizzati: Unknown, Georgia

8 Miglia Calder

Miles Calder ha creato un sito Web molto minimalista qua e là, il sito utilizza un solo carattere tipografico: Founders Grotesk.

Usa varie dimensioni, colori e stili per creare un senso di gerarchia nel design.

Font utilizzati: Founders Grotesk

9 Corri per AJD

Anche se questo sito web è scritto in francese anziché in inglese, sembra comunque un po’ difficile da leggere grazie allo stile del carattere tipografico utilizzato.

Tuttavia, devi ammettere che per quanto riguarda lo stile, sembra davvero fantastico.

Font utilizzati: Avenir Book

10 Inviaunmessaggio.a

SendAMessage.to ti consente essenzialmente di inviare un messaggio personalizzato a un amico, un familiare o un collega con pochi passaggi.

Il designer ha utilizzato Proxima Nova come unico font. un carattere tipografico noto per la sua bellezza a grandi dimensioni.

Font utilizzati: Proxima Nova

11 Laboratori Amazee

Sembra che Amazee Labs abbia creato un proprio carattere in qualche modo nuovo e unico per questo design, ma è presente insieme a Source Sans Pro e Museo.

Questi due tipi di carattere funzionano magnificamente bene insieme, e particolarmente bene accanto alla tipografia luminosa e colorata presente nelle immagini.

Font utilizzati: Source Sans Pro, Museo

12 Odolf

Il sito web di Oudolf è molto semplicistico e molto simile al sito web di Jacob Grubbe presentato in precedenza nel post, la tipografia è praticamente l’unico elemento del design.

Tuttavia, questo sito Web utilizza un effetto interessante in cui il testo viene effettivamente mascherato su un’immagine, che poi si rivela al passaggio del mouse.

Font utilizzati: Mason Neue Book, Univers Standard

13 Io sono Baaz

"I Am Baaz" fa uso di due bellissimi caratteri tipografici: Verlag Book e Acrom Extra Bold.

Se combinato con lo sfondo video del sito Web, il risultato è sorprendente. è quasi come un poster di un film interattivo e in movimento nel modo in cui è stato progettato e disegnato.

Font utilizzati: Verlag Book, Acrom Extra Bold

14 FS Millbank

FS Millbank è un sito web che pubblicizza il carattere tipografico: FS Millbank.

È descritto come un carattere tipografico "viaggiatore" e se sei stato in qualche aeroporto o stazione ferroviaria di recente, probabilmente avrai visto qualcosa che assomiglia proprio ai cartelli lì.

È un font bellissimo e funziona sicuramente bene per lo scopo previsto.

Font utilizzati: FS Millbank

15 Studio Lovelock

Sembra che Futura PT stia crescendo in popolarità quest’anno, ed è apparso ancora una volta sul sito web di Studio Lovelock.

È l’unico carattere tipografico utilizzato nel design, ma è stato utilizzato in molte dimensioni, stili e pesi diversi per creare un design interessante.

In alcuni punti non sembra nemmeno lo stesso carattere.

Font utilizzati: Futura PT

16 Adoratorio

Il sito web di Adoratorio è in gran parte in bianco e nero, anche se ci sono degli strani elementi di colore, come dimostrato nello screenshot qui sopra.

Sia Montserrat che Courier New sono presenti in questo design e sebbene queste non siano le scelte di carattere più interessanti, il design ha utilizzato in modo intelligente le modifiche al colore e al tracciamento / crenatura per creare un design straordinario.

Font utilizzati: Montserrat, Courier New

17 La Libreria dei Motivi

La Pattern Library fa un uso minimo della tipografia, poiché è principalmente un sito basato su immagini.

Tuttavia, dove viene utilizzata la tipografia, viene utilizzata principalmente per gli inviti all’azione (ovvero il pulsante "scarica ora"). Chiaramente, l’audacia di MostraNuova è la scelta perfetta per questo lavoro.

Font utilizzati: MostraNuova

18 Spotify. Punto dolce

Spotify utilizza un solo carattere nel design "Sweet Spot" per San Valentino e funziona eccezionalmente bene se combinato con la combinazione di colori audaci e il design minimalista del sito.

Vari pesi e dimensioni vengono utilizzati per creare una gerarchia visiva semplice ma evidente.

Font utilizzati: Circular TT

19 51 Nord

51 North è un’agenzia di design con sede nei Paesi Bassi. Il loro fa uso di due font: Minion W01 e Two Cen W01, entrambi usati con relativa parsimonia.

Una cosa strana che noterai di questo sito Web è che per l’intestazione principale ("666") viene utilizzato uno spessore del carattere normale, mentre per il sottotitolo ("6th Anniversary") viene utilizzato uno spessore in grassetto.

Font utilizzati: Minion W01, Tw Cen W01

20 relè blu

RelaisBlu è un boutique hotel e ristorante in Italia. A differenza della maggior parte dei siti presenti in questo post, il sito Web utilizza in realtà tre caratteri tipografici completamente diversi.

La maggior parte delle volte, utilizzare più di un paio di caratteri tipografici è di varie dimensioni e pesi è un po’ un rischio, ma RelaisBlu riesce a tirare fuori le cose per creare un design visivamente sbalorditivo.

Font utilizzati: Geosans, Fanwood, Theano

21 aprile Atelier

April Studio utilizza solo un carattere tipografico nel loro design: Helvetica Neue.

Helvetica Neue è un carattere tipografico relativamente abusato in questi giorni (anche Apple lo usa nei loro sistemi operativi OSX Yosemite e iOS8).

Tuttavia, utilizzando vari pesi, dimensioni e colori, April Studio ha creato un design pulito e semplice con una chiara gerarchia visiva.

Font utilizzati: Helvetica Neue

22 EMito

EMyth è un sito web relativamente semplice e con i piedi per terra, in parte grazie alla scelta della tipografia: Museo Slab e Proxima Nova.

Proxima Nova può sembrare piuttosto audace e maschile a volte, ma utilizzando Museo Slab al suo fianco, EMyth ha creato un design senza fronzoli che è pulito, chiaro e fa appello a entrambi i sessi allo stesso modo.

Font utilizzati: Museo Slab, Proxima Nova

23 Melanie Daveid

A parte il design del carattere tipografico personalizzato utilizzato per le grandi intestazioni sul lato sinistro del sito Web, Melanie utilizza solo un carattere tipografico sul suo sito Web: Proxima Nova.

Mantiene le cose semplici utilizzando un peso audace per i sottotitoli, con un peso regolare per il contenuto principale. Questo crea una chiara gerarchia visiva, mentre il suo carattere personalizzato aggiunge personalità al design.

Font utilizzati: Proxima Nova, Custom

24 formule

Formlets è una società che deve ancora essere lanciata, ma sembra essere pronta a lanciare un prodotto che competerà con alcuni giocatori piuttosto grandi.

Tuttavia, Formlets ha utilizzato la tipografia per distinguersi dalla massa. Mentre la maggior parte dei loro concorrenti vanta un design aziendale stantio, Formlets ha optato per un design più semplice e amichevole. A tale scopo vengono utilizzati DIN Rounded e Roboto.

Font utilizzati: DIN Rounded, Roboto

25 Nicola Bussiere

Nicholas ha creato un design eccezionalmente minimalista e utilizza un solo carattere tipografico: Apercu.

Usa due spessori di carattere (leggero e regolare) e, sorprendentemente, sono le intestazioni grandi che fanno uso del peso leggero del carattere, mentre il testo più piccolo e meno importante utilizza uno spessore del carattere normale.

Usa il dimensionamento e il colore per garantire che ci sia ancora una forte gerarchia visiva all’interno del design.

Font utilizzati: Apercu