Tipografi

Spaceship, iki tipografik ortamı keşfeder: teknik, yuvarlatılmış bir yazı tipi olan Gotham Rounded ve daha sade, daha geometrik bir yazı tipi olan Proxima Nova.

Hero Image

Kendinden emin ve doğrudan, tipografi izleyicilerimizle dostça ve sohbet havasında bir ton sağlar.



Birincil yazı tipi

Gotham Rounded dostça bir yazı tipidir ve teknik bir DNA'ya sahiptir. Yalnızca Spaceship logosunda, ürün alt markalarında, araçlarda ve ekibin kimliklerinde kullanılır. Sadece Medium, book ve light ağırlıklarına izin verilir.









İkincil yazı tipi

Proxima Nova Spaceship’in grafik ortamının temel bir unsurudur. Tüm iletişimlerimizde ana metin ve bilgi yazı tipidir. Bu yazı tipiyle çalışırken yalnızca kalın, orta, normal ve ince ağırlıklar kullanılabilir.









Ölçek

Yazı tipi ölçek sistemimizi Altın Oran'ı (1:1.618) kullanarak oluşturduk ve ihtiyacımız olan tüm boyut adımlarını belirledik.Tipografik Ölçek Hesaplayıcıyı kullanarak modularscale.com ile birincil taban boyutundan tam bir yazı tipi ölçek seti oluşturabiliriz. Altın Oran, boyutlar arasında büyük sıçramalar yarattığı için, daha kullanışlı bir aralık oluşturmak adına ikincil bir taban boyutu (taban boyutunun 2 katı) eklememiz gerekir. Bu örnekte, 16px taban boyutuna dayalı bir yazı tipi ölçeği gösteriyoruz.









Metin stilleri

Proxima Nova, küçük boyutlu metinlerde ve büyük başlıklarda maksimum optik tutarlılıkla kullanılabilir. Geniş ağırlık yelpazesi, her türlü ton veya mesaja kolayca uyum sağlar. Metin tercihen sola hizalı olmalı, ancak uygun olduğunda ortalanmış hizalama da kullanılabilir.




büyük başlıklar için kalın ağırlık, optik kerning, otomatik satır aralığı ve %80 kelime aralığı kullanın.


Normal başlıklar için kalın ağırlık, optik kerning, otomatik satır aralığı ve %80 kelime aralığı kullanın.


kısa alt başlıklar için orta veya normal ağırlıklar, optik kerning, otomatik satır aralığı ve %100 kelime aralığı kullanın.


uzun alt başlıklar için orta veya normal ağırlıklar, optik kerning, otomatik satır aralığı ve %100 kelime aralığı kullanın.


paragraf için normal veya ince ağırlıklar, metrik kerning, otomatik satır aralığı ve %100 kelime aralığı kullanın.


küçük gövde için normal veya ince ağırlıklar, metrik kerning, otomatik satır aralığı ve %100 kelime aralığı kullanın.




Yönergeler


Belirli kerning değerleri, ne pozitif ne de negatif, kullanmayın.


Belirli satır aralığı değerleri, daha dar veya daha geniş, kullanmayın.


Sağa hizalı paragraflar kullanmayın






Yazı tipi hiyerarşisi

Tipografi, başlıklar, alt başlıklar ve gövde metni arasındaki hiyerarşiyi net bir şekilde göstermelidir. Doğru ağırlık ve boyutların eşleştirilmesi güçlü bir görsel kontrast oluşturur ve okuyucuya rehberlik eder. Bu, etkili bir içerik hiyerarşisinin anahtarıdır.






Yönergeler


Farklı içerik türleri için aynı gövde ağırlıklarını kullanmayın


Ağırlık ilişkisini yukarıdan aşağıya koruyun, yani daha güçlü başlıklar, daha hafif alt başlıklar veya gövde metinleri.


Farklı içerik türleri için benzer yazı tipi boyutu ve ağırlıkları kullanmayın.






Güvenli kenar boşlukları

Maksimum okunabilirliği garanti altına almak için başlık satır aralığı ölçüsünü, sonraki metin bloklarına güvenli kenar boşlukları belirlemek için referans olarak kullanıyoruz.









Renk kombinasyonları

Düz renkli arka planlarla kullanıldığında, yazı yalnızca aşağıda sunulan renk kombinasyonlarında kullanılmalıdır.






Yönergeler


Başka renkler, SDS yardımcı veya alt marka renkleri herhangi bir yazı tipinde kullanmayın.


SDS Mavi renkli yazı tipini yardımcı veya alt marka renkleri üzerinde kullanmayın. Sadece beyaz veya koyu gri kullanın.


Yazı ile arka plan arasındaki kontrast oranına dikkat edin. Yardımcı renkler, tonlar veya gölgeler kullanmayın.






Arka planlar

Kontrast ve okunabilirlik, yazıyı görseller veya renkli arka planlar üzerinde kullanırken dikkate alınması gereken temel unsurlardır.






Yönergeler


SDS Mavi rengini karmaşık görseller veya illüstrasyonlar üzerinde kullanmaktan kaçının. Bu, açık veya koyu görseller için geçerlidir.


Metni zıt görsellerin üzerine yerleştirmeyin. Bu, açık veya koyu görseller için geçerlidir.


Görselleri metinle aşırı doldurmayın. Denge, etkili iletişimin anahtarıdır.