Typografie
Typografické prostředí Spaceship využívá dvě písma: přátelské a technické Gotham Rounded a jednodušší a více geometrické Proxima Nova.
Typografie Spaceship je sebevědomá a přímočará, což umožňuje přátelský a konverzační tón s naším publikem.
Primární písmo
Gotham Rounded je přátelské, ale sofistikované písmo. Používá se výhradně v logu Spaceship, podznačkách produktů a identitách týmu. Povolené jsou pouze váhy 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 veškerou komunikaci. Povolené jsou pouze váhy bold, medium, regular a light.
Měřítko
Systém typografického měřítka a potřebné velikostní kroky byly vytvořeny a určeny pomocí Zlatého řezu (1:1,618).Vytvořili jsme kompletní sadu typografického měřítka s kalkulačkou typografického měřítka z primární základní velikosti. Protože Zlatý řez vytváří velké skoky mezi velikostmi, je pro optimálnější rozsah potřeba sekundární základní velikost (2× základní velikost). Příklad níže ukazuje typografické měřítko založené na základních velikostech 16 px a 32 px.
Textové styly
Proxima Nova má maximální optickou konzistenci jak v malém hlavním textu, tak ve velkých nadpisech. Její široká škála vah ji činí vhodnou pro jakýkoli tón nebo sdělení. Preferováno je zarovnání vlevo, ale v případě potřeby lze použít i zarovnání na střed.
Pro velké nadpisy používejte tučnou váhu, optické kerning, automatické řádkování a 80 % mezer mezi slovy.
Pro běžné nadpisy používejte tučnou váhu, optické kerning, automatické řádkování a 80 % mezer mezi slovy.
Pro krátké podnadpisy používejte střední nebo běžnou váhu, optické kerning, automatické řádkování a 100 % mezer mezi slovy.
Pro dlouhé podnadpisy používejte střední nebo běžnou váhu, optické kerning, automatické řádkování a 100 % mezer mezi slovy.
Pro odstavce používejte běžnou nebo tenkou váhu, metrické kerning, automatické řádkování a 100 % mezer mezi slovy.
Pro malý hlavní text používejte běžnou nebo tenkou váhu, metrické kerning, automatické řádkování a 100 % mezer mezi slovy.
Typografická hierarchie
Pro efektivní hierarchii obsahu by typografie měla komunikovat organizační vztah mezi nadpisy, podnadpisy a hlavním textem. Správné kombinování vah a velikostí vytváří silný vizuální kontrast a pomáhá vést čtenáře.
Bezpečné okraje
Jako referenci pro řádkování používáme hodnotu řádkování nadpisu, abychom zajistili maximální čitelnost a stanovili bezpečné okraje pro následující textové bloky.
Barevné kombinace
Při použití textu na plných barevných pozadích jsou povoleny pouze níže uvedené barevné kombinace.
Pozadí
Kontrast a čitelnost jsou klíčové prvky, které je třeba zvážit při použití textu na obrázcích nebo barevných pozadích.
Pokyny
Zde je několik příkladů toho, čemu se při práci s textem vyhnout.
Neměňte výrazně definované hodnoty kerningu, mezer mezi slovy a řádkování.
Mějte na paměti hierarchii: silnější nadpisy, lehčí podnadpisy, hlavní texty atd.
Nepoužívejte odstavce zarovnané vpravo.
Nepoužívejte jiné barvy na žádný text, například pomocné, produktové nebo podznačkové barvy.
Na barevných pozadích používejte pouze bílý nebo tmavě šedý text.
Čitelnost je klíčová. Neumisťujte text na složité obrázky nebo pozadí podobného odstínu.