Tipografia
L’ambiente tipografico di Spaceship utilizza due caratteri: il cordiale e tecnico Gotham Rounded e il più semplice e geometrico Proxima Nova.
La tipografia di Spaceship è sicura e diretta, consentendo un tono amichevole e conversazionale con il nostro pubblico.
Font principale
Gotham Rounded è un carattere amichevole ma sofisticato. È usato esclusivamente nel logo Spaceship, nei sub-brand di prodotto e nelle identità del team. Gli unici pesi consentiti sono medium, book e light.
Font secondario
Proxima Nova è un elemento chiave dell’ambiente grafico di Spaceship. È il carattere principale per tutte le comunicazioni. I soli pesi consentiti sono bold, medium, regular e light.
Scala
Il sistema di scala tipografica e i necessari passaggi di dimensione sono stati costruiti e determinati utilizzando il Rapporto Aureo (1:1.618).
Ci siamo dotati di un set completo di scale tipografiche con un calcolatore di scala tipografica a partire da una dimensione base primaria. Poiché il Rapporto Aureo crea grandi salti tra le dimensioni, è necessaria una dimensione base secondaria (2 volte la base) per generare una gamma più ottimale. L’esempio qui sotto mostra una scala tipografica basata su 16px e 32px come dimensioni di base.
Stili di testo
Proxima Nova ha la massima coerenza ottica sia nei testi piccoli che nei titoli grandi. La sua ampia gamma di pesi lo rende adatto a qualsiasi tono o messaggio. Il testo allineato a sinistra è preferibile, anche se l’allineamento centrato può essere usato quando necessario.
Per headline grandi, usa il grassetto, crenatura ottica, interlinea automatica e spaziatura tra le parole all’80%.
Per le headline normali, usa il grassetto, crenatura ottica, interlinea automatica e spaziatura tra le parole all’80%.
Per sottotitoli brevi, usa pesi medi o regolari, crenatura ottica, interlinea automatica e spaziatura tra le parole al 100%.
Per sottotitoli lunghi, usa pesi medi o regolari, crenatura ottica, interlinea automatica e spaziatura tra le parole al 100%.
Per paragrafi, usa pesi regolari o light, crenatura metrica, interlinea automatica e spaziatura tra le parole al 100%.
Per testi piccoli, usa pesi regolari o light, crenatura metrica, interlinea automatica e spaziatura tra le parole al 100%.
Gerarchia tipografica
Per una gerarchia dei contenuti efficace, la tipografia deve comunicare la relazione organizzativa tra titoli, sottotitoli e testo principale. Abbinare i pesi e le dimensioni corrette crea un forte contrasto visivo e aiuta a guidare il lettore.
Margini di sicurezza
Utilizziamo la misura dell’interlinea del titolo come riferimento per la spaziatura delle righe, per garantire la massima leggibilità e stabilire margini di sicurezza per i blocchi di testo successivi.
Combinazioni di colori
Sono consentite solo le combinazioni di colori presentate di seguito quando si utilizza il testo su sfondi a tinta unita.
Sfondi
Contrasto e leggibilità sono elementi chiave da considerare quando si usa il testo su immagini o sfondi colorati.
Linee guida
Ecco alcuni esempi di cosa evitare quando si lavora con il testo.
Non alterare drasticamente i valori di crenatura, spaziatura tra le parole e interlinea definiti.
Tieni presente la gerarchia: titoli più forti, sottotitoli più leggeri, testi principali, ecc.
Non utilizzare paragrafi allineati a destra.
Non utilizzare altri colori su alcun testo, come colori ausiliari, di prodotto o di sub-brand.
Utilizza solo testo bianco o grigio scuro su sfondi colorati.
La leggibilità è fondamentale. Non posizionare il testo su immagini complesse o su sfondi di tonalità simile.