Типография

Типографската среда на Spaceship използва два шрифта: приятелския и технически Gotham Rounded и по-изчистения и по-геометричен Proxima Nova.

Hero Image

Типографията на Spaceship е уверена и директна, което позволява приятелски и разговорен тон с нашата аудитория.



Основен шрифт

Gotham Rounded е приятелски, но изискан шрифт. Използва се изключително в логото на Spaceship, подбранди на продуктите и идентичността на екипа. Единствено позволените тегла са medium, book и light.









Вторичен шрифт

Proxima Nova е ключов елемент от графичната среда на Spaceship. Това е основният шрифт за всички комуникации. Единствено позволените тегла при работа с този шрифт са bold, medium, regular и light.









Мащаб

Системата за мащабиране на шрифтовете и необходимите стъпки за размер са изградени и определени с помощта на Златното сечение (1:1.618). Създадохме пълен набор от мащаби на шрифтовете с калкулатор за типографски мащаб от основен базов размер. Тъй като Златното сечение създава големи скокове между размерите, е необходим вторичен базов размер (2 пъти базовия размер), за да се генерира по-оптимален диапазон. Примерът по-долу показва мащаб на шрифта, базиран на  16px и 32px базови размери.









Стилове на текста

Proxima Nova има максимална оптична консистентност както при малък основен текст, така и при големи заглавия. Широкият диапазон от тегла го прави подходящ за всеки тон или съобщение. Предпочита се ляво подравнен текст, но центрираното подравняване може да се използва при необходимост.




За големи заглавия използвайте удебелен шрифт, оптично кернинг, автоматично водене и 80% разстояние между думите.


За обикновени заглавия използвайте удебелен шрифт, оптично кернинг, автоматично водене и 80% разстояние между думите.


За кратки подзаглавия използвайте средно или нормално тегло, оптично кернинг, автоматично водене и 100% разстояние между думите. 


За дълги подзаглавия, използвайте средно или нормално тегло, оптично кернинг, автоматично водене и 100% разстояние между думите.


За параграфи използвайте нормално или леко тегло, метричен кернинг, автоматично водене и 100% разстояние между думите.


За малък основен текст, използвайте нормално или леко тегло, метричен кернинг, автоматично водене и 100% разстояние между думите.







Йерархия на шрифтовете

За ефективна йерархия на съдържанието, типографията трябва да комуникира организационната връзка между заглавия, подзаглавия и основен текст. Съчетаването на правилните тегла и размери създава силен визуален контраст и помага за насочване на читателя.









Безопасни полета

Използваме воденето на заглавието като референция за междуредово разстояние, за да гарантираме максимална четливост и да установим безопасни полета за следващите текстови блокове.









Цветови комбинации

Само представените по-долу цветови комбинации са позволени при използване на текст върху плътни цветни фонове.










Фонове

Контрастът и четливостта са ключови елементи, които трябва да се вземат предвид при използване на текст върху изображения или цветни фонове.










Насоки

Ето някои примери за неща, които да избягвате при работа с текст. 




Не променяйте драстично определените стойности за кернинг, разстояние между думите и водене.


Имайте предвид йерархията: по-силни заглавия, по-леки подзаглавия, основен текст и т.н.


Не използвайте параграфи, подравнени вдясно.


Не използвайте други цветове за текст, като спомагателни, продуктови или подбрандови цветове.


Използвайте само бял или тъмносив текст върху цветни фонове.


Четливостта е ключова. Не поставяйте текст върху сложни изображения или фонове със сходен нюанс.