Tipografie

Mediul tipografic Spaceship utilizează două fonturi: prietenosul și tehnicul Gotham Rounded și mai simplul și geometricul Proxima Nova.

Hero Image

Tipografia Spaceship este încrezătoare și directă, permițând un ton prietenos și conversațional cu publicul nostru.



Font principal

Gotham Rounded este un font prietenos, dar sofisticat. Este folosit exclusiv în logo-ul Spaceship, sub-brandurile de produs și identitățile echipei. Singurele grosimi permise sunt medium, book și light.









Font secundar

Proxima Nova este un element cheie al mediului grafic Spaceship. Este fontul principal pentru toate comunicările. Singurele grosimi permise pentru acest font sunt bold, medium, regular și light.









Scală

Sistemul de scalare a fonturilor și pașii de dimensiune necesari au fost construite și determinate folosind Raportul de Aur (1:1.618).Am creat un set complet de scală tipografică cu un calculator de scală tipografică pornind de la o dimensiune de bază principală. Deoarece Raportul de Aur creează salturi mari între dimensiuni, este necesară o dimensiune de bază secundară (de 2 ori dimensiunea de bază) pentru a genera o gamă mai optimă. Exemplul de mai jos arată o scală tipografică bazată pe dimensiuni de bază de  16px și 32px.









Stiluri de text

Proxima Nova are consistență optică maximă atât în textul de corp de dimensiuni mici, cât și în titlurile mari. Gama sa largă de grosimi o face potrivită pentru orice ton sau mesaj. Textul aliniat la stânga este de preferat, deși alinierea centrată poate fi folosită când este necesar.




Pentru titluri mari, folosiți grosime bold, kerning optic, spațiere automată între rânduri și 80% spațiu între cuvinte.


Pentru titluri obișnuite, folosiți grosime bold, kerning optic, spațiere automată între rânduri și 80% spațiu între cuvinte.


Pentru subtitluri scurte, folosiți grosime medie sau normală, kerning optic, spațiere automată între rânduri și 100% spațiu între cuvinte. 


Pentru subtitluri lungi, folosiți grosime medie sau normală, kerning optic, spațiere automată între rânduri și 100% spațiu între cuvinte.


Pentru paragrafe, folosiți grosime normală sau light, kerning metric, spațiere automată între rânduri și 100% spațiu între cuvinte.


Pentru text mic de corp, folosiți grosime normală sau light, kerning metric, spațiere automată între rânduri și 100% spațiu între cuvinte.







Ierarhia tipurilor

Pentru o ierarhie eficientă a conținutului, tipografia ar trebui să comunice relația organizațională dintre titluri, subtitluri și textul de corp. Asocierea corectă a grosimilor și dimensiunilor creează un contrast vizual puternic și ajută la ghidarea cititorului.









Margini de siguranță

Folosim măsura de spațiere a titlului ca referință pentru spațierea între rânduri pentru a garanta lizibilitatea maximă și pentru a stabili margini de siguranță pentru blocurile de text următoare.









Combinații de culori

Doar combinațiile de culori prezentate mai jos sunt permise atunci când se folosește text pe fundaluri de culoare solidă.










Fundaluri

Contrastul și lizibilitatea sunt elemente cheie de luat în considerare atunci când se folosește text peste imagini sau fundaluri colorate.










Ghidaj

Iată câteva exemple de ce să evitați atunci când lucrați cu text. 




Nu modificați drastic valorile definite pentru kerning, spațiere între cuvinte și spațiere între rânduri.


Țineți cont de ierarhie: titluri mai puternice, subtitluri mai ușoare, texte de corp etc.


Nu folosiți paragrafe aliniate la dreapta.


Nu folosiți alte culori pentru niciun text, cum ar fi culori auxiliare, de produs sau de sub-brand.


Folosiți doar text alb sau gri închis pe fundaluri colorate.


Lizibilitatea este esențială. Nu plasați text peste imagini complexe sau fundaluri cu nuanțe similare.