Типография
Spaceship изследва две типографски среди: техническия заоблен шрифт Gotham Rounded и по-изчистения и по-геометричен шрифт Proxima Nova.
Уверена и директна, типографията позволява приятелски и разговорен тон с нашата аудитория.
Основен шрифт
Gotham Rounded е приятелски шрифт, запазващ техническа ДНК. Използва се изключително в логото на Spaceship, подбранди на продукти, инструменти и идентичности на екипа. Единствено позволените дебелини са Medium, book и light.
Вторичен шрифт
Proxima Nova е ключов елемент от графичната среда на Spaceship. Това е основният шрифт за нашия текст и информация във всички комуникации. Единствено позволените дебелини са bold, medium, regular и light при работа с този шрифт.
Мащаб
Изградихме нашата система за мащабиране на шрифта, използвайки Златното сечение (1:1.618), и определихме всички необходими стъпки за размери.Използвайки Typographic Scale Calculator modularscale.com, можем да създадем пълен набор от мащаби на шрифта от основен базов размер. Тъй като Златното сечение създава големи скокове между размерите, трябва да добавим вторичен базов размер (2x базовия размер), за да генерираме по-полезен диапазон. В този пример показваме мащаб на шрифта, базиран на 16px базов размер.
Стилове на текста
Proxima Nova може да се използва както за малък текст, така и за големи заглавия с максимална оптична последователност. Широката гама от дебелини улеснява съчетаването с всеки тон или послание. Текстът трябва да бъде за предпочитане подравнен вляво, въпреки че центрираното подравняване може да се използва при необходимост.
За големи заглавия използвайте удебелен шрифт, оптична кернинг, автоматично водене и 80% разстояние между думите.
За обикновени заглавия използвайте удебелен шрифт, оптична кернинг, автоматично водене и 80% разстояние между думите.
За кратки подзаглавия използвайте средна или обикновена дебелина, оптична кернинг, автоматично водене и 100% разстояние между думите.
За дълги подзаглавия използвайте средна или обикновена дебелина, оптична кернинг, автоматично водене и 100% разстояние между думите.
За абзац използвайте обикновена или лека дебелина, метрична кернинг, автоматично водене и 100% разстояние между думите.
За малък основен текст използвайте обикновена или лека дебелина, метрична кернинг, автоматично водене и 100% разстояние между думите.
Насоки
Не използвайте конкретни стойности за кернинг, нито положителни, нито отрицателни.
Не използвайте конкретни стойности за водене, нито по-тясно, нито по-широко.
Не използвайте абзаци, подравнени вдясно
Йерархия на шрифта
Типографията трябва ясно да показва йерархията между заглавия, подзаглавия и основен текст. Съчетаването на правилните дебелини и размери създава силен визуален контраст и помага за ориентиране на читателя. Това е ключът към ефективната йерархия на съдържанието.
Насоки
Не използвайте еднакви дебелини на основния текст за различни видове съдържание
Запазете съотношението на дебелините отгоре надолу, т.е. по-силни заглавия, по-леки подзаглавия или основен текст.
Не използвайте подобни размери и дебелини на шрифта за различни типове съдържание.
Безопасни отстояния
За да гарантираме максимална четливост, използваме воденето на заглавието като референция за определяне на безопасни отстояния към следващите текстови блокове.
Цветови комбинации
Шрифтът, използван върху плътни цветни фонове, трябва да се използва само в цветови комбинации, представени по-долу.
Насоки
Не използвайте други цветове, спомагателни или подбрандови цветове на SDS върху какъвто и да е шрифт.
Не използвайте SDS Blue върху спомагателни или подбрандови цветове. Използвайте само бяло или тъмно сиво.
Внимавайте за съотношението на контраста между шрифта и фона. Не използвайте спомагателни цветове, нюанси или оттенъци.
Фонове
Контрастът и четливостта са ключови елементи, които трябва да се вземат предвид при използване на шрифт върху изображения или цветни фонове.
Насоки
Избягвайте използването на SDS Blue върху сложни изображения или илюстрации. Това важи както за светли, така и за тъмни изображения.
Не поставяйте текст върху контрастни изображения. Това важи както за светли, така и за тъмни изображения.
Не претрупвайте изображенията с текст. Балансът е ключът към ефективната комуникация.