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.

Vector representation of the World brand logo, showcasing its design principles for mobile applications.Vector representation of the World brand logo, showcasing its design principles for mobile applications.
Graphic representation illustrating brand guidelines for World, focusing on the core brand identity. Gray A9.Graphic representation illustrating brand guidelines for World, focusing on the core brand identity. Gray A9.

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.

Graphic representation of World brand guidelines, highlighting design principles and assets.Graphic representation of World brand guidelines, highlighting design principles and assets.
Graphic representation of World brand guidelines for design principles and assetsGraphic representation of World brand guidelines for design principles and assets

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.

Illustration representing brand guidelines for World, showcasing design principles and assets.Illustration representing brand guidelines for World, showcasing design principles and assets.
Visual representation of World branding guidelines in a cohesive design format.Visual representation of World branding guidelines in a cohesive design format.

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.

Graphic illustration representing World brand design principles and guidelinesGraphic illustration representing World brand design principles and guidelines
Visual representation of World brand guidelinesVisual representation of World brand guidelines

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

Visual representation related to World brand guidelines and design principlesVisual representation related to World brand guidelines and design principles
Graphic illustration representing World brand design principles and guidelinesGraphic illustration representing World brand design principles and guidelines
Visual representation of World brand guidelinesVisual representation of World brand guidelines
Visual representation related to World brand guidelines, illustrating design protocols and principles.Visual representation related to World brand guidelines, illustrating design protocols and principles.
Graphic representation of World brand guidelines, illustrating design principles and assets.Graphic representation of World brand guidelines, illustrating design principles and assets.
Brand guidelines section header for World, featuring design principles and assets.Brand guidelines section header for World, featuring design principles and assets.
Graphic representation of World brand guidelinesGraphic representation of World brand guidelines

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

Graphic representation of World branding elements and design protocolsGraphic representation of World branding elements and design protocols
Graphic representation illustrating the brand guidelines for World, emphasizing design principles and assets.Graphic representation illustrating the brand guidelines for World, emphasizing design principles and assets.

Warna & Gradasi

Netral
Stylized design elements representing neutrality, softness, elegance, simplicity, and calmness in World branding.Stylized design elements representing neutrality, softness, elegance, simplicity, and calmness in World branding.
Lembut, Halus, Mutakhir, Sederhana, Tenang, Menenangkan
Warna utama
Stylized representation reflecting core brand colors of World, symbolizing tranquility, integrity, clarity, contemplation, wisdom, and trust.Stylized representation reflecting core brand colors of World, symbolizing tranquility, integrity, clarity, contemplation, wisdom, and trust.
Ketenangan, Kedamaian, Integritas, Perenungan, Kebijaksanaan, Kepercayaan
Warna sekunder
Color palette representing vibrancy, happiness, energy, and inclusivity for World branding guidelines.Color palette representing vibrancy, happiness, energy, and inclusivity for World branding guidelines.
Vitalitas, Kebahagiaan, Semangat, Optimisme, Energi, Inklusivitas
Color sequence chart illustrating World brand colors and design principlesColor sequence chart illustrating World brand colors and design principles
Color palette used in World branding, showcasing primary and secondary color options.Color palette used in World branding, showcasing primary and secondary color options.
Color palette representation for World brand guidelinesColor palette representation for World brand guidelines
Graphic representation of World brand color coding guidelinesGraphic representation of World brand color coding guidelines
Color coding guidelines for the World brand design protocolColor coding guidelines for the World brand design protocol

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.
Color gradient examples for World brand guidelinesColor gradient examples for World brand guidelines
Resolusi gradasi
Terlalu rendah
Graphic element related to World brand guidelines, possibly an illustration or icon supporting design protocols.Graphic element related to World brand guidelines, possibly an illustration or icon supporting design protocols.
Tepat
Illustration related to World brand guidelines, symbolizing adaptability and suitability.Illustration related to World brand guidelines, symbolizing adaptability and suitability.
Terlalu tinggi
Visual representation related to World brand guidelines, emphasizing design principles and assets.Visual representation related to World brand guidelines, emphasizing design principles and assets.

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.

Colorful abstract pattern with shades of green and red, featuring a title that says 'World chega ao Portugal'.Colorful abstract pattern with shades of green and red, featuring a title that says 'World chega ao Portugal'.
A laptop displaying the World brand guidelines webpage, featuring a gradient background with the text 'Everyone knows you more than World ID.'A laptop displaying the World brand guidelines webpage, featuring a gradient background with the text 'Everyone knows you more than World ID.'
Open brochure showcasing brand guidelines with text in Arabic and a bold red design element.Open brochure showcasing brand guidelines with text in Arabic and a bold red design element.
Design of event badges for 'a new world' featuring Speaker and Press titles, with a modern minimalist style.Design of event badges for 'a new world' featuring Speaker and Press titles, with a modern minimalist style.
Screenshot of the World App showing wallet balances and crypto performance, including WLD and ETHScreenshot of the World App showing wallet balances and crypto performance, including WLD and ETH
A person holding a tote bag featuring a gradient design of green, yellow, and blue, with the text 'A VERDADEIRA REDE HUMANA, IDENTIDADE, FINANÇAS E COMUNIDADE PARA CADA HUMANO.' and the World logo at the bottom.A person holding a tote bag featuring a gradient design of green, yellow, and blue, with the text 'A VERDADEIRA REDE HUMANA, IDENTIDADE, FINANÇAS E COMUNIDADE PARA CADA HUMANO.' and the World logo at the bottom.

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.

The primary font used in World brand guidelinesThe primary font used in World brand guidelines
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.

Graphic representing primary typography style for World brand guidelinesGraphic representing primary typography style for World brand guidelines

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.

Stylized representation of the World brand logo, reflecting design principles for brand guidelines.Stylized representation of the World brand logo, reflecting design principles for brand guidelines.
Promotional visuals showcasing World branding, including an event announcement for San Francisco on 10.17.2024, an Orb station display, and mobile application interface with World branding. The design emphasizes innovation and community engagement.Promotional visuals showcasing World branding, including an event announcement for San Francisco on 10.17.2024, an Orb station display, and mobile application interface with World branding. The design emphasizes innovation and community engagement.
Jarak baris & jarak huruf
Design guidelines for World branding focusing on text formatting principles.Design guidelines for World branding focusing on text formatting principles.
Visual representation of text formatting principles for World branding guidelinesVisual representation of text formatting principles for World branding guidelines
Perataan
Visual representation of text formatting guidelines for World brandVisual representation of text formatting guidelines for World brand

Koleksi Tiempos adalah famili serif modern untuk tipografi editorial. Tiempos Headline didesain untuk judul berukuran besar, yang menyeimbangkan kepraktisan dan keanggunan.

Visual representation of secondary fonts for World brand guidelinesVisual representation of secondary fonts for World brand guidelines
Ketebalan

Berikut adalah dua ketebalan Tiempos Headline yang digunakan di seluruh brand World. Setiap pengecualian atau penambahan harus disetujui secara internal.

Visual representation of secondary fonts used in World branding guidelinesVisual representation of secondary fonts used in World branding guidelines

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.

Secondary fonts usage in World brand guidelinesSecondary fonts usage in World brand guidelines
Collage of visuals showcasing World branding, featuring a smiling person outdoors, a digital introduction slide, and a presentation on a stage emphasizing community and technology.Collage of visuals showcasing World branding, featuring a smiling person outdoors, a digital introduction slide, and a presentation on a stage emphasizing community and technology.

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.

Visual representation of brand typography, featuring Noto Sans HKn in Mandarin Chinese, related to World brand guidelines.Visual representation of brand typography, featuring Noto Sans HKn in Mandarin Chinese, related to World brand guidelines.
Mandarin: Noto Sans HKn
Graphic representation of brand guidelines featuring the Noto Sans JP font style, emphasizing Japanese design principles.Graphic representation of brand guidelines featuring the Noto Sans JP font style, emphasizing Japanese design principles.
Jepang: Noto Sans JP
Brand guidelines image featuring the Noto Sans Arabic font for World design protocol.Brand guidelines image featuring the Noto Sans Arabic font for World design protocol.
Arab: Noto Sans Arabic
Graphic representation related to World brand guidelines for Bengali font usage.Graphic representation related to World brand guidelines for Bengali font usage.
Bengali: Noto Sans Bengali
Graphical representation of the Noto Sans Hebrew font as part of World brand guidelinesGraphical representation of the Noto Sans Hebrew font as part of World brand guidelines
Ibrani: Noto Sans Hebrew
Graphic representation of World brand guidelines featuring the Noto Sans font in Cyrillic.Graphic representation of World brand guidelines featuring the Noto Sans font in Cyrillic.
Cyrillic: Noto Sans

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.

Visual representation related to World brand guidelines, showcasing design principles and assets.Visual representation related to World brand guidelines, showcasing design principles and assets.

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.

Visual representation related to World brand guidelines, showcasing design principles and assets.Visual representation related to World brand guidelines, showcasing design principles and assets.
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.

World logo placement guidelines for branding consistencyWorld logo placement guidelines for branding consistency
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.

Illustration depicting the placement guidelines for the World logo in branding materials.Illustration depicting the placement guidelines for the World logo in branding materials.
Profil media sosial
Visual representation of the logo placement guidelines for World branding.Visual representation of the logo placement guidelines for World branding.
Logo pada gradasi

Ketika logo ditempatkan di latar belakang bergradasi, logo harus selalu diposisikan di area terang supaya mudah dibaca.

Visual representation of World brand logo placement guidelinesVisual representation of World brand logo placement guidelines
Design guidelines featuring a senior man in conversation, alongside branding elements of World, including logo and color blocks. Text displays various statistics.Design guidelines featuring a senior man in conversation, alongside branding elements of World, including logo and color blocks. Text displays various statistics.
Two people interacting with the Orb for biometric verification, one holding the Orb and smiling, accompanied by a screenshot of withdrawal options from the World App including bank card, bank transfer, crypto wallet, and crypto exchange.Two people interacting with the Orb for biometric verification, one holding the Orb and smiling, accompanied by a screenshot of withdrawal options from the World App including bank card, bank transfer, crypto wallet, and crypto exchange.
A collage of design examples for World brand guidelines, featuring text about careers, the World Network, and verification steps. Includes headers and visuals that represent design protocols. A collage of design examples for World brand guidelines, featuring text about careers, the World Network, and verification steps. Includes headers and visuals that represent design protocols.
Design layout examples showcasing careers section with flexible design elements for World branding guidelines.Design layout examples showcasing careers section with flexible design elements for World branding guidelines.

Ilustrasi

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

World ID
Graphic representation related to World ID guidelinesGraphic representation related to World ID guidelines
World App
Graphic representation related to the World App within brand guidelines.Graphic representation related to the World App within brand guidelines.
World Chain
Visual representation related to the World Chain network, aligned with brand guidelines.Visual representation related to the World Chain network, aligned with brand guidelines.
Worldcoin
Worldcoin logo illustrating the brand's identity guidelinesWorldcoin logo illustrating the brand's identity guidelines
Orb
Illustration of the Orb device in brand guidelines for WorldIllustration of the Orb device in brand guidelines for 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
Bar chart example illustrating World brand design guidelinesBar chart example illustrating World brand design guidelines
Contoh 2 - Model skala
Example 2 of a relative model in World brand guidelinesExample 2 of a relative model in World brand guidelines
Contoh 3 - Grafik harga
Graph illustrating pricing examples related to World brand guidelinesGraph illustrating pricing examples related to World brand guidelines
Graphic illustrating design principles for World branding guidelinesGraphic illustrating design principles for World branding guidelines
Illustrative graphic representing the visual elements of World brand guidelines.Illustrative graphic representing the visual elements of World brand guidelines.
Graphic representation related to World brand guidelines, emphasizing design principles and assets.Graphic representation related to World brand guidelines, emphasizing design principles and assets.
Visual representation related to World brand guidelines, incorporating design principles and assets.Visual representation related to World brand guidelines, incorporating design principles and assets.
Visual representation related to World brand guidelines, emphasizing design principles and assets.Visual representation related to World brand guidelines, emphasizing design principles and assets.
A graphic representing brand guidelines for World, focusing on design principles and assets.A graphic representing brand guidelines for World, focusing on design principles and assets.
Graphic representation related to World brand design guidelines.Graphic representation related to World brand design guidelines.
Visual representation related to World brand design guidelines, emphasizing principles and assets.Visual representation related to World brand design guidelines, emphasizing principles and assets.
Graphic representation related to World brand guidelines, featuring design principles and assets.Graphic representation related to World brand guidelines, featuring design principles and assets.
Graphic representation of World brand guidelinesGraphic representation of World brand guidelines
Abstract design element representing World branding guidelinesAbstract design element representing World branding guidelines
Graphic representation of World brand guidelines emphasizing design principles and assets.Graphic representation of World brand guidelines emphasizing design principles and assets.
Design elements related to World brand guidelinesDesign elements related to World brand guidelines
Graphic element related to World brand guidelines, featuring design principles and assets.Graphic element related to World brand guidelines, featuring design principles and assets.
Illustration representing the brand guidelines of World, showcasing design principles and assets.Illustration representing the brand guidelines of World, showcasing design principles and assets.
Graphic representing World brand guidelines with design principles and assetsGraphic representing World brand guidelines with design principles and assets

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
Visual example representing World branding guidelines for Colombia.Visual example representing World branding guidelines for Colombia.
Contoh 2 - Argentina
Illustration representing branding guidelines for World in Argentina.Illustration representing branding guidelines for World in Argentina.

Ikonografi

Untuk membantu identifikasi dan navigasi, setiap produk memiliki ikon yang dibuat sebagai bentuk singkat dari ilustrasi produk tersebut.

Visual representation of World brand guidelinesVisual representation of World brand guidelines

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.

A visual representation related to World brand guidelines, emphasizing scalability, within the accordion section.A visual representation related to World brand guidelines, emphasizing scalability, within the accordion section.

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.

Kiri atas
Graphic representing design elements and principles of the World brand guidelines.Graphic representing design elements and principles of the World brand guidelines.
Tengah
Graphic representing the center of World branding guidelinesGraphic representing the center of World branding guidelines

Aset

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