Typografie
Spaceship zkoumá dvě typografická prostředí: technické zaoblené písmo Gotham Rounded a jednodušší a více geometrické písmo Proxima Nova.
Sebevědomá a přímočará typografie umožňuje přátelský a konverzační tón s naším publikem.
Primární písmo
Gotham Rounded je přátelské písmo, které si zachovává technické DNA. Používá se výhradně v logu Spaceship, produktových subznačkách, nástrojích a identitách týmu. Povolené jsou pouze řezy Medium, book a light.
Sekundární písmo
Proxima Nova je klíčovým prvkem grafického prostředí Spaceship. Je hlavním písmem pro náš text a informace ve všech komunikacích. Při práci s tímto písmem lze použít pouze řezy bold, medium, regular a light.
Měřítko
Náš systém typografické stupnice jsme vytvořili pomocí Zlatého řezu (1:1,618) a určili jsme všechny potřebné velikostní kroky.Pomocí Typographic Scale Calculatoru modularscale.com můžeme vytvořit kompletní sadu typografických stupnic z primární základní velikosti. Protože Zlatý řez vytváří velké skoky mezi velikostmi, musíme přidat sekundární základní velikost (2x základní velikost), abychom získali užitečnější rozsah. V tomto příkladu ukazujeme typografickou stupnici založenou na základní velikosti 16px.
Styly textu
Proxima Nova může být použita jak v malých tělech textu, tak ve velkých nadpisech s maximální optickou konzistencí. Její široká škála řezů usnadňuje sladění s jakýmkoli tónem nebo sdělením. Text by měl být přednostně zarovnán vlevo, i když je možné použít i centrované zarovnání, pokud je to vhodné.
Pro velké nadpisy použijte tučný řez, optické kerning, automatické prokládání a 80% mezeru mezi slovy.
Pro běžné nadpisy použijte tučný řez, optické kerning, automatické prokládání a 80% mezeru mezi slovy.
Pro krátké podnadpisy použijte střední nebo běžné řezy, optické kerning, automatické prokládání a 100% mezeru mezi slovy.
Pro dlouhé podnadpisy použijte střední nebo běžné řezy, optické kerning, automatické prokládání a 100% mezeru mezi slovy.
Pro odstavce použijte běžné nebo tenké řezy, metrický kerning, automatické prokládání a 100% mezeru mezi slovy.
Pro malé tělo textu použijte běžné nebo tenké řezy, metrický kerning, automatické prokládání a 100% mezeru mezi slovy.
Pokyny
Nepoužívejte konkrétní hodnoty kerningu, ani kladné, ani záporné.
Nepoužívejte konkrétní hodnoty prokládání, ani těsnější, ani volnější.
Nepoužívejte odstavce zarovnané vpravo
Typografická hierarchie
Typografie by měla jasně ukazovat hierarchii mezi nadpisy, podnadpisy a tělem textu. Správné kombinování řezů a velikostí vytváří silný vizuální kontrast a pomáhá vést čtenáře. To je klíčem k efektivní hierarchii obsahu.
Pokyny
Nepoužívejte stejné řezy písma pro různé typy obsahu
Zachovejte vztah řezů shora dolů, tedy silnější nadpisy, lehčí podnadpisy nebo těla textu.
Nepoužívejte podobnou velikost a řezy písma pro různé typy obsahu.
Bezpečné okraje
Pro zajištění maximální čitelnosti používáme prokládání nadpisu jako referenci pro stanovení bezpečných okrajů k následujícím textovým blokům.
Barevné kombinace
Písmo používané na jednobarevných pozadích by mělo být použito pouze v barevných kombinacích uvedených níže.
Pokyny
Nepoužívejte jiné barvy, pomocné barvy SDS ani sub-brand barvy na žádný typ písma.
Nepoužívejte písmo v barvě SDS Blue na pomocných nebo sub-brand barvách. Používejte pouze bílou nebo tmavě šedou.
Dbejte na poměr kontrastu mezi písmem a pozadím. Nepoužívejte pomocné barvy, odstíny ani stíny.
Pozadí
Kontrast a čitelnost jsou klíčové prvky, které je třeba zohlednit při použití písma na obrázcích nebo barevných pozadích.
Pokyny
Vyhněte se použití barvy SDS Blue na složitých obrázcích nebo ilustracích. Platí to pro světlé i tmavé obrázky.
Neumisťujte text na kontrastní obrázky. Platí to pro světlé i tmavé obrázky.
Nepřeplňujte obrázky textem. Rovnováha je klíčem k efektivní komunikaci.