Protokol Desain World
Prinsip, Panduan, dan Aset
Prinsip Desain
Manusia
Keyakinan bahwa manusia dengan sifatnya yang organik dan tak bisa diprediksi sangat penting bagi inovasi.
Universal
Bahasa visual yang memastikan inklusivitas, aksesibilitas, dan koneksi global.
Optimisme
Keyakinan pada nilai-nilai kemanusiaan dan peran teknologi dalam meningkatkan kualitas hidup semua orang.
Tinjauan Brand
Semua layanan merupakan bagian dari brand inti, yaitu World.
Identitas Visual
Logo World
Logo World adalah jangkar visual untuk brand kami—sederhana, jelas, dan universal. Berakar pada prinsip desain yang tak lekang waktu, logo ini mewujudkan komitmen kami terhadap aksesibilitas, inovasi, dan koneksi global.
Logomark adalah representasi utama identitas brand kami. Selalu gunakan logo dalam bentuk aslinya dan pastikan ada ruang kosong di sekitarnya untuk menjamin visibilitas dan impak yang diinginkan. Modifikasi, distorsi, atau penggunaan warna yang tidak semestinya dapat merusak integritas logo.
Wordmark adalah komponen kunci dalam identitas visual brand kami, yang bekerja selaras dengan simbol logo untuk menghadirkan nama kami dengan jelas dan elegan. Tidak diperbolehkan melakukan perubahan, peregangan, atau menerapkan efek yang tidak disetujui pada wordmark.
Logo lockup menggabungkan logomark dan wordmark menjadi satu desain terpadu, yang merepresentasikan brand kami dalam bentuknya yang paling lengkap. Lockup harus selalu digunakan sesuai ketentuan, dengan proporsi, spasi, dan penataan yang tepat antar elemen. Jangan memisahkan, mengatur ulang, atau mengubah ukuran komponen. Selalu ikuti panduan mengenai ukuran, spasi, dan penempatan untuk menjaga integritasnya.
Ruang kosong adalah jarak minimum antara logo dan elemen lain dalam layout. Ruang kosong minimum di sekitar logo harus sama dengan lebar huruf "o" dalam kata "world".
Panduan untuk logo dan warna
Larangan untuk logo dan warna
Saat menunjukkan kemitraan atau kolaborasi, logo World dapat digabungkan dengan logo brand lain dalam format berikut.


Warna
Dalam brand World, warna sekunder digunakan untuk tujuan ekspresif maupun utilitas. Contohnya termasuk kode warna badge acara untuk mengenali status dan izin yang diberikan kepada pemegangnya, sebagai gradasi untuk mencerminkan bendera suatu negara dalam materi peluncuran di negara tersebut, semantik warna dalam antarmuka pengguna, dan visual pendukung yang ekspresif.




Tipografi
World Pro dibuat secara khusus untuk dapat diskalakan dan menyediakan sistem visual universal bagi siapa pun yang menggunakan, mengintegrasikan, dan berinteraksi dengan World. Ini adalah satu-satunya font yang digunakan dalam brand World.


Ketebalan
Terdapat dua ketebalan World Pro: Regular dan Medium. Regular paling sering digunakan, sedangkan Medium digunakan sebagai aksen saat penekanan diperlukan.


Jarak baris & jarak huruf
Perataan
World Pro Regular umumnya dianggap cukup fleksibel untuk digunakan baik pada headline maupun body copy, dengan perbedaan skala yang lebih sering digunakan untuk menciptakan hierarki.
World Pro Medium dapat digunakan untuk subjudul kecil saat diperlukan ketebalan lebih.






Kami menggunakan font Noto bersama huruf latin utama untuk memastikan dukungan menyeluruh bagi semua skrip non-latin. Noto dipilih karena cakupannya yang luas untuk bahasa global sehingga mendukung tipografi konsisten dan harmonis dalam berbagai tulisan, termasuk China, Arab, Cyrillic, dan Jepang.
Pendekatan ini memungkinkan kami menjaga konsistensi dan inklusivitas brand, untuk memastikan komunikasi yang dapat menjangkau pengguna di seluruh dunia dalam huruf asli mereka tanpa mengorbankan kenyamanan membaca atau koherensi estetika.
Dalam situasi terbatas di mana World Pro tidak tersedia, misalnya di Google Slides, dapat digunakan jenis huruf alternatif dari koleksi Google Fonts: untuk body copy digunakan font Inter; untuk headline digunakan font Inter Tight. Hanya font ini dari koleksi Google Fonts yang boleh digunakan, dan hanya ketika tidak memungkinkan menggunakan World Pro.
Komposisi
Kisi adalah salah satu sarana paling penting dalam sistem desain, esensial untuk semua layout dan komposisi sehingga harus digunakan setiap saat. Penggunaan kisi 2, 4, 6, atau 8 kolom tergantung pada ukuran artboard dan jumlah elemen di dalamnya, tetapi semua elemen dalam komposisi harus sejajar dengan kisi dan diberi jarak proporsional dengan margin.
Materi internal
Untuk semua materi internal dan kolateral brand yang menampilkan logo beserta aset dan konten lain, logo ditempatkan di pojok kiri atas layout untuk memastikan konsistensi.
Logo solo
Pada layout yang hanya menampilkan logo sebagai satu-satunya elemen, seperti kartu info dalam video atau kampanye dan pengumuman tertentu, logo ditempatkan di tengah layout.
Profil media sosial






Ilustrasi
Setiap produk utama World memiliki ilustrasi yang merepresentasikan sifat produk atau apa yang ditawarkan produk tersebut.
Walaupun ada banyak cara untuk menyajikan data, gaya yang konsisten harus tetap diterapkan. Garis, bentuk geometris untuk grafik dan diagram, serta penggunaan warna dan isian yang halus dan penuh perhitungan adalah elemen konsisten dalam grafik visualisasi data.
Kisi gradasi berfungsi sebagai grafik berwarna dan ekspresif yang digunakan dalam dua cara:
- Transisi gradasi sebagai representasi warna bendera suatu negara
- Grafik yang tidak secara spesifik terikat dengan warna tertentu, tetapi hanya untuk mengekspresikan suasana atau energi.




Ikonografi
Berikut adalah kumpulan lengkap ikon yang tersedia saat ini. Ikon tambahan dapat dan akan dibuat, tetapi harus mengikuti pedoman konstruksi untuk menjaga konsistensi.
Ikon World dirancang sebagai perpanjangan dari typeface kami, dengan meniru ketebalan garis (stroke weight) dan lekukan (curves).
Sangat penting bahwa semua ikon yang dipadukan dengan teks mempertahankan proporsi dan perataan yang sama agar selaras dengan typeface. Ikon dirancang sehingga ikon berbentuk persegi panjang horizontal sejajar dengan bagian atas dan bawah cap height, serta dipusatkan secara vertikal.
Ukuran Ikon
Semua ikon svg ditempatkan dalam sebuah frame standar. Untuk menjaga konsistensi ukuran terhadap tipografi, kita dapat menggunakan rumus pada frame ikon: kalikan ukuran font dengan 1,07 untuk mendapatkan ukuran frame ikon. Contoh: Jika ukuran font adalah 180px, maka ukuran frame ikon adalah (180 × 1,07) = 192,6px lebar.
Aset
Aset untuk gambar hero utama, gradasi, simbol WLD, Orb, World App, World Chain, dan sebagainya.



