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 melampaui semua batas, budaya, dan sejarah untuk menjamin 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".
Saat menunjukkan kemitraan atau kolaborasi, logo World dapat digabungkan dengan logo brand lain dalam format berikut.
Warna & Gradasi
Membuat Gradasi (Tutorial PDF)
- Gradasi World adalah elemen penting yang digunakan dalam sistem brand inti. Gradasi menyampaikan harapan dan optimisme, serta dapat digunakan sebagai aset brand yang mudah dikenali saat dijadikan latar belakang.
- Hanya boleh digunakan dengan warna yang telah ditentukan.
- Gradasi harus dibuat sebagai bitmap dan kemudian diberi warna, untuk memastikan resolusi bitmap mengikuti panduan yang ada di dalam tutorial.
Resolusi gradasi
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
Lausanne adalah font sans-serif modern dan mutakhir yang sangat fleksibel untuk teks dan displai. Font ini setara dengan sans-serif klasik, tetapi dengan ciri khas tipografi digital. Ini adalah satu-satunya font yang digunakan dalam brand World.
Ketebalan
Berikut adalah tiga ketebalan Lausanne yang digunakan di seluruh brand World. Ketiganya membentuk fondasi semua konten, dan setiap pengecualian atau penambahan harus disetujui secara internal.
Secara umum, aturan berikut dapat diterapkan pada hampir semua skenario tipografi dalam pesan brand.
Teks paragraf dan teks panjang menggunakan ketebalan 300. Judul dan tipe displai yang besar menggunakan ketebalan 400, sedangkan subjudul dan judul kecil menggunakan ketebalan 450 agar teks tetap tebal meskipun ukurannya lebih kecil daripada judul utama.


Jarak baris & jarak huruf
Perataan
Koleksi Tiempos adalah famili serif modern untuk tipografi editorial. Tiempos Headline didesain untuk judul berukuran besar, yang menyeimbangkan kepraktisan dan keanggunan.
Ketebalan
Berikut adalah dua ketebalan Tiempos Headline yang digunakan di seluruh brand World. Setiap pengecualian atau penambahan harus disetujui secara internal.
Tiempos Headline adalah jenis huruf sekunder kami yang digunakan pada situasi tertentu saja, terutama ketika brand berbicara langsung kepada pengguna dan ingin menciptakan kesan dekat.
Dapat digunakan untuk iklan, merchandise, dan beberapa layar di UX. Semua konten dan setiap pengecualian atau penambahan harus disetujui secara internal.
Peran font
Postingan media sosial, kampanye pemasaran, dan eksklusivitas.
Tiempos menambahkan sentuhan dan suara manusia ke bahasa visual brand. Font ini ideal untuk menciptakan kesan hangat, ramah, dan elegan dalam skenario khusus yang tujuannya adalah berkomunikasi lebih dekat dengan pengguna.


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 ketika Lausanne tidak tersedia, seperti di Google Slides, jenis huruf alternatif dari koleksi Google Fonts dapat digunakan: font Inter untuk teks paragraf dan font Inter Tight untuk judul. Hanya font dari koleksi Google Fonts ini yang boleh digunakan, dan hanya ketika penggunaan Lausanne tidak memungkinkan.
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
Logo pada gradasi
Ketika logo ditempatkan di latar belakang bergradasi, logo harus selalu diposisikan di area terang supaya mudah dibaca.








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
Untuk membantu identifikasi dan navigasi, setiap produk memiliki ikon yang dibuat sebagai bentuk singkat dari ilustrasi produk tersebut.
Ikon produk harus memiliki kesan ketebalan yang sama di berbagai ukuran. Ketebalan dasar yang digunakan adalah 1,0 px saat ikon diatur pada lebar 60 px. Ketika ukuran ikon lebih besar atau lebih kecil, ketebalannya harus menyesuaikan agar secara optik tampilan dasarnya tetap konsisten.
Saat ikon digunakan dengan elemen lain dalam suatu layout, seperti di web, ikon harus selalu ditempatkan sejajar di pojok kiri atas. Apabila beberapa ikon ditampilkan bersamaan tanpa elemen tambahan, semua ikon tersebut dapat ditempatkan di tengah komposisi.
Aset
Aset untuk gambar hero utama, gradasi, simbol WLD, Orb, World App, World Chain, dan sebagainya.



