Tipografi
Lingkungan tipografi Spaceship menggunakan dua jenis huruf: Gotham Rounded yang ramah dan teknis, serta Proxima Nova yang lebih sederhana dan lebih geometris.
Tipografi Spaceship percaya diri dan lugas, memungkinkan nada yang ramah dan percakapan dengan audiens kami.
Font utama
Gotham Rounded adalah jenis huruf yang ramah namun canggih. Digunakan secara eksklusif dalam logo Spaceship, sub-merek produk, dan identitas tim. Bobot yang diizinkan hanya medium, book, dan light.
Font sekunder
Proxima Nova adalah elemen utama dalam lingkungan grafis Spaceship. Ini adalah jenis huruf utama untuk semua komunikasi. Bobot yang diizinkan hanya bold, medium, regular, dan light saat menggunakan jenis huruf ini.
Skala
Sistem skala tipe dan langkah ukuran yang diperlukan dibangun dan ditentukan menggunakan Golden Ratio (1:1.618).
Kami membuat satu set skala tipe lengkap dengan kalkulator skala tipografi dari ukuran dasar utama. Karena Golden Ratio menciptakan lompatan besar antar ukuran, ukuran dasar sekunder (2 kali ukuran dasar) diperlukan untuk menghasilkan rentang yang lebih optimal. Contoh di bawah ini menunjukkan skala tipe berdasarkan ukuran dasar 16px dan 32px.
Gaya teks
Proxima Nova memiliki konsistensi optik maksimal baik pada teks isi kecil maupun judul besar. Rentang bobotnya yang luas membuatnya cocok untuk nada atau pesan apa pun. Teks rata kiri lebih disukai, meskipun perataan tengah dapat digunakan jika diperlukan.
Untuk judul besar, gunakan bobot tebal, kerning optik, leading otomatis, dan spasi kata 80%.
Untuk judul utama, gunakan bobot tebal, kerning optik, leading otomatis, dan spasi kata 80%.
Untuk subjudul pendek, gunakan bobot medium atau reguler, kerning optik, leading otomatis, dan spasi kata 100%.
Untuk subjudul panjang, gunakan bobot medium atau reguler, kerning optik, leading otomatis, dan spasi kata 100%.
Untuk paragraf, gunakan bobot reguler atau tipis, kerning metrik, leading otomatis, dan spasi kata 100%.
Untuk teks isi kecil, gunakan bobot reguler atau tipis, kerning metrik, leading otomatis, dan spasi kata 100%.
Hierarki tipe
Untuk hierarki konten yang efektif, tipografi harus mengkomunikasikan hubungan organisasi antara judul utama, subjudul, dan teks isi. Memadukan bobot dan ukuran yang tepat menciptakan kontras visual yang kuat dan membantu membimbing pembaca.
Margin aman
Kami menggunakan ukuran leading judul sebagai referensi spasi baris untuk menjamin keterbacaan maksimal dan menetapkan margin aman untuk blok teks berikutnya.
Kombinasi warna
Hanya kombinasi warna yang ditampilkan di bawah ini yang diizinkan saat menggunakan teks dengan latar belakang warna solid.
Latar belakang
Kontras dan keterbacaan adalah elemen kunci yang harus dipertimbangkan saat menggunakan teks di atas gambar atau latar belakang berwarna.
Panduan
Berikut beberapa contoh hal yang harus dihindari saat bekerja dengan teks.
Jangan mengubah secara drastis nilai kerning, spasi kata, dan leading yang telah ditentukan.
Perhatikan hierarki: judul utama lebih tebal, subjudul lebih ringan, teks isi, dan seterusnya.
Jangan gunakan paragraf rata kanan.
Jangan gunakan warna lain pada teks apa pun, seperti warna tambahan, produk, atau sub-merek.
Hanya gunakan teks putih atau abu-abu tua di atas latar belakang berwarna.
Keterbacaan adalah kunci. Jangan letakkan teks di atas gambar kompleks atau latar belakang dengan warna serupa.