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.

Overview BrandOverview Brand
Tinjauan BrandTinjauan Brand

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.

Representasi visual dari prinsip dan pedoman merek untuk WorldRepresentasi visual dari prinsip dan pedoman merek untuk World
Grafik yang mengilustrasikan pedoman merek World, menekankan prinsip dan aset desain.Grafik yang mengilustrasikan pedoman merek World, menekankan prinsip dan aset desain.

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.

Representasi grafis dari elemen branding World dalam bagian pedoman merekRepresentasi grafis dari elemen branding World dalam bagian pedoman merek
Grafis yang merepresentasikan pedoman merek untuk World, menggambarkan prinsip dan aset desain.Grafis yang merepresentasikan pedoman merek untuk World, menggambarkan prinsip dan aset desain.

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.

Representasi visual yang berhubungan dengan branding World dan prinsip desain.Representasi visual yang berhubungan dengan branding World dan prinsip desain.
Representasi grafis terkait pedoman merek World, menekankan prinsip dan aset desain.Representasi grafis terkait pedoman merek World, menekankan prinsip dan aset desain.

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".

Representasi visual terkait pedoman merek World dan prinsip desainRepresentasi visual terkait pedoman merek World dan prinsip desain
Panduan untuk logo dan warna
Panduan untuk logo dan warnaPanduan untuk logo dan warna

Larangan untuk logo dan warna
Larangan untuk logo dan warnaLarangan untuk logo dan warna

Saat menunjukkan kemitraan atau kolaborasi, logo World dapat digabungkan dengan logo brand lain dalam format berikut.

Kemitraan AmanKemitraan Aman

Warna

Netral
palet abu-abu gelappalet abu-abu gelap
Lembut, Halus, Mutakhir, Sederhana, Tenang, Menenangkan
Warna utama
palet utamapalet utama
Ketenangan, Kedamaian, Integritas, Perenungan, Kebijaksanaan, Kepercayaan
Warna sekunder
palet sekunderpalet sekunder
Vitalitas, Kebahagiaan, Semangat, Optimisme, Energi, Inklusivitas
Ilustrasi hierarki warna untuk pedoman merek WorldIlustrasi hierarki warna untuk pedoman merek World
Contoh pengkodean warna terkait pedoman merek World di dalam protokol desainContoh pengkodean warna terkait pedoman merek World di dalam protokol desain
Representasi visual dari prinsip pengkodean warna dalam pedoman merek WorldRepresentasi visual dari prinsip pengkodean warna dalam pedoman merek World
Representasi visual dari prinsip pengkodean warna untuk pedoman desain merek WorldRepresentasi visual dari prinsip pengkodean warna untuk pedoman desain merek World
Ilustrasi terkait pengkodean warna dalam pedoman merek WorldIlustrasi terkait pengkodean warna dalam pedoman merek World

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.

portugalportugal
UKUK

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.

World ProWorld Pro

Font World Pro

Ketebalan

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

World Pro MediumWorld Pro Medium
Jarak baris & jarak huruf
Jarak Baris & Jarak HurufJarak Baris & Jarak Huruf
Jarak Baris & Jarak HurufJarak Baris & Jarak Huruf
Perataan
PerataanPerataan

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.

JudulJudul
PenggunaanPenggunaan
outdoor-screen-3 3outdoor-screen-3 3

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.

Bagian dari pedoman merek World yang menampilkan aset desain dan contoh tipografi.Bagian dari pedoman merek World yang menampilkan aset desain dan contoh tipografi.
Mandarin: Noto Sans HKn
Representasi visual dari item akordeon di pedoman merek World, menampilkan teks dengan font Noto Sans JP.Representasi visual dari item akordeon di pedoman merek World, menampilkan teks dengan font Noto Sans JP.
Jepang: Noto Sans JP
Representasi grafis dari font Noto Sans Arabic, bagian dari Pedoman Merek WorldRepresentasi grafis dari font Noto Sans Arabic, bagian dari Pedoman Merek World
Arab: Noto Sans Arabic
Representasi visual teks Bengali dengan font Noto Sans Bengali, menampilkan tipografi merek.Representasi visual teks Bengali dengan font Noto Sans Bengali, menampilkan tipografi merek.
Bengali: Noto Sans Bengali
Contoh font Noto Sans Hebrew untuk pedoman merekContoh font Noto Sans Hebrew untuk pedoman merek
Ibrani: Noto Sans Hebrew
Gambar item akordeon menampilkan elemen desain terkait merek World, menonjolkan Cyrillic dalam font Noto Sans.Gambar item akordeon menampilkan elemen desain terkait merek World, menonjolkan Cyrillic dalam font Noto Sans.
Cyrillic: Noto Sans

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.

Grafik yang merepresentasikan elemen desain untuk pedoman merek World.Grafik yang merepresentasikan elemen desain untuk pedoman merek World.

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.

Representasi visual prinsip merek dan pedoman desain WorldRepresentasi visual prinsip merek dan pedoman desain World
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.

Ilustrasi yang menunjukkan pedoman penempatan logo dalam branding WorldIlustrasi yang menunjukkan pedoman penempatan logo dalam branding World
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.

Representasi grafis yang menunjukkan pedoman penempatan logo dalam materi branding WorldRepresentasi grafis yang menunjukkan pedoman penempatan logo dalam materi branding World
Profil media sosial
Ilustrasi yang menguraikan penempatan logo yang tepat untuk branding WorldIlustrasi yang menguraikan penempatan logo yang tepat untuk branding World
World adalah jaringan manusia sungguhanWorld adalah jaringan manusia sungguhan
benefitbenefit
benefit world idbenefit world id

Ilustrasi

Setiap produk utama World memiliki ilustrasi yang merepresentasikan sifat produk atau apa yang ditawarkan produk tersebut.

World ID
telepontelepon
World App
Representasi visual yang berkaitan dengan World App dalam pedoman merekRepresentasi visual yang berkaitan dengan World App dalam pedoman merek
World Chain
Representasi grafis terkait prinsip branding World ChainRepresentasi grafis terkait prinsip branding World Chain
Worldcoin
Ilustrasi terkait branding Worldcoin, menampilkan prinsip dan aset desainIlustrasi terkait branding Worldcoin, menampilkan prinsip dan aset desain
Orb
Ilustrasi atau grafik terkait Orb sebagai bagian dari pedoman merek WorldIlustrasi atau grafik terkait Orb sebagai bagian dari pedoman merek World

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.

Contoh 1 - Diagram batang
Sebuah grafik batang ilustratif yang merepresentasikan data dalam pedoman merek WorldSebuah grafik batang ilustratif yang merepresentasikan data dalam pedoman merek World
Contoh 2 - Model skala
Ilustrasi model skala yang menampilkan elemen merek World dan prinsip desain.Ilustrasi model skala yang menampilkan elemen merek World dan prinsip desain.
Contoh 3 - Grafik harga
Representasi grafis yang menggambarkan tren harga untuk produk World.Representasi grafis yang menggambarkan tren harga untuk produk World.
Representasi grafis dari pedoman merek World yang berfokus pada prinsip dan aset desain.Representasi grafis dari pedoman merek World yang berfokus pada prinsip dan aset desain.
Representasi visual pedoman merek World dalam format dekoratif bergaya akordeon.Representasi visual pedoman merek World dalam format dekoratif bergaya akordeon.
Grafik bergaya yang merepresentasikan prinsip desain merek WorldGrafik bergaya yang merepresentasikan prinsip desain merek World
Representasi grafis dari elemen branding World, menggambarkan pedoman desain.Representasi grafis dari elemen branding World, menggambarkan pedoman desain.
Ilustrasi terkait pedoman merek World, menekankan prinsip dan aset desain.Ilustrasi terkait pedoman merek World, menekankan prinsip dan aset desain.
Representasi grafis terkait bagian pedoman merek World, menekankan prinsip dan aset desain.Representasi grafis terkait bagian pedoman merek World, menekankan prinsip dan aset desain.
Grafik yang merepresentasikan pedoman merek World, menampilkan prinsip dan aset desain.Grafik yang merepresentasikan pedoman merek World, menampilkan prinsip dan aset desain.
Representasi visual dari pedoman merek World, menampilkan aset dan prinsip desain.Representasi visual dari pedoman merek World, menampilkan aset dan prinsip desain.
Grafik yang merepresentasikan prinsip dan pedoman desain merek World dalam format akordeon.Grafik yang merepresentasikan prinsip dan pedoman desain merek World dalam format akordeon.
Representasi grafis terkait prinsip desain merek World, yang ditampilkan di bagian pedoman merekRepresentasi grafis terkait prinsip desain merek World, yang ditampilkan di bagian pedoman merek
Representasi grafis dari aset merek World dalam tata letak bermerek.Representasi grafis dari aset merek World dalam tata letak bermerek.
Representasi visual terkait pedoman merek World di dalam bagian protokol desain.Representasi visual terkait pedoman merek World di dalam bagian protokol desain.
Representasi grafis terkait pedoman merek World, menampilkan elemen desain.Representasi grafis terkait pedoman merek World, menampilkan elemen desain.
Ilustrasi yang merepresentasikan prinsip dan pedoman merek World.Ilustrasi yang merepresentasikan prinsip dan pedoman merek World.
Logo World dengan desain modern yang merepresentasikan inovasi dan pemberdayaan dalam teknologi.Logo World dengan desain modern yang merepresentasikan inovasi dan pemberdayaan dalam teknologi.
Representasi grafis terkait pedoman merek World dan prinsip desainRepresentasi grafis terkait pedoman merek World dan prinsip desain

Kisi gradasi berfungsi sebagai grafik berwarna dan ekspresif yang digunakan dalam dua cara:

  1. Transisi gradasi sebagai representasi warna bendera suatu negara
  2. Grafik yang tidak secara spesifik terikat dengan warna tertentu, tetapi hanya untuk mengekspresikan suasana atau energi.
Contoh 1 - Kolombia
kolombiakolombia
Contoh 2 - Argentina
ArgentinaArgentina

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.

Grup Ex Grup Ex
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.

MailMail
Ukuran FontUkuran Font

Aset

Aset untuk gambar hero utama, gradasi, simbol WLD, Orb, World App, World Chain, dan sebagainya.