Tipografi
Spaceship’in tipografik ortamı iki yazı tipi kullanır: dostça ve teknik Gotham Rounded ile daha sade ve daha geometrik Proxima Nova.
Spaceship’in tipografisi kendine güvenen ve doğrudan bir yapıya sahiptir, izleyicimizle samimi ve sohbet havasında bir ton oluşturur.
Birincil yazı tipi
Gotham Rounded dostça ama sofistike bir yazı tipidir. Yalnızca Spaceship logosunda, ürün alt markalarında ve ekibin kimliklerinde kullanılır. Sadece orta, kitap ve ince ağırlıklar kullanılabilir.
İkincil yazı tipi
Proxima Nova Spaceship’in grafik ortamının temel bir unsurudur. Tüm iletişimlerde ana 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 sistemi ve gerekli boyut adımları Altın Oran (1:1.618) kullanılarak oluşturulmuş ve belirlenmiştir.
16px ve 32px taban boyutlarına dayalı bir yazı tipi ölçeği örneği aşağıda gösterilmiştir. Çünkü Altın Oran boyutlar arasında büyük sıçramalar yaratır, daha uygun bir aralık oluşturmak için ikincil bir taban boyutu (taban boyutunun 2 katı) gereklidir. Birincil taban boyutundan bir tipografik ölçek hesaplayıcı ile eksiksiz bir yazı tipi ölçek seti oluşturduk.
Metin stilleri
Proxima Nova, hem küçük boyutlu gövde metninde hem de büyük başlıklarda maksimum optik tutarlılığa sahiptir. Geniş ağırlık yelpazesi, onu her türlü ton veya mesaj için uygun kılar. Sola hizalı metin tercih edilir, ancak gerektiğinde 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.
Standart 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.
Paragraflar için normal veya ince ağırlıklar, metrik kerning, otomatik satır aralığı ve %100 kelime aralığı kullanın.
Küçük gövde metni için normal veya ince ağırlıklar, metrik kerning, otomatik satır aralığı ve %100 kelime aralığı kullanın.
Yazı tipi hiyerarşisi
Etkili bir içerik hiyerarşisi için tipografi, başlıklar, alt başlıklar ve gövde metni arasındaki organizasyonel ilişkiyi iletmelidir. Doğru ağırlık ve boyutların eşleştirilmesi güçlü bir görsel kontrast oluşturur ve okuyucuyu yönlendirir.
Güvenli kenar boşlukları
Maksimum okunabilirliği sağlamak ve sonraki metin blokları için güvenli kenar boşlukları oluşturmak amacıyla başlık satır aralığı ölçüsünü satır aralığı referansı olarak kullanıyoruz.
Renk kombinasyonları
Aşağıda sunulan renk kombinasyonları, düz renk arka planlarda metin kullanırken izin verilen tek seçeneklerdir.
Arka planlar
Metni görsellerin veya renkli arka planların üzerinde kullanırken kontrast ve okunabilirlik temel unsurlardır.
Yönergeler
Metinle çalışırken kaçınılması gereken bazı örnekler aşağıda verilmiştir.
Tanımlanmış kerning, kelime aralığı ve satır aralığı değerlerini büyük ölçüde değiştirmeyin.
Hiyerarşiyi aklınızda bulundurun: daha güçlü başlıklar, daha hafif alt başlıklar, gövde metinleri vb.
Sağa hizalı paragraflar kullanmayın.
Yardımcı, ürün veya alt marka renkleri gibi başka renkleri hiçbir metinde kullanmayın.
Renkli arka planlarda yalnızca beyaz veya koyu gri metin kullanın.
Okunabilirlik esastır. Metni karmaşık görsellerin veya benzer tonlardaki arka planların üzerine yerleştirmeyin.