Protokol Reka Bentuk World

Prinsip, Garis Panduan dan Aset

Prinsip Reka Bentuk

  • Manusia

    Kepercayaan bahawa sifat semula jadi dan spontan manusia adalah penting untuk inovasi.

  • Universal

    Bahasa visual yang melangkaui semua sempadan, budaya dan sejarah—bagi memastikan keterangkuman, kebolehcapaian dan hubungan global.

  • Optimistik

    Kepercayaan terhadap kemanusiaan dan peranan teknologi dalam meningkatkan kehidupan semua orang.

Gambaran Keseluruhan Jenama

Semua alat berada di bawah jenama teras iaitu 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.

Identiti Visual

Logo World

Logo World ialah elemen visual utama jenama kami—ringkas, jelas dan universal. Berteraskan prinsip reka bentuk yang kekal, logo ini melambangkan komitmen kami terhadap kebolehcapaian, inovasi dan hubungan global.

Logomark ialah lambang utama yang mewakili identiti jenama kami. Sentiasa gunakan logo dalam bentuk asalnya dan kekalkan ruang kosong di sekelilingnya untuk memastikan keterlihatan dan impak visual. Sebarang pengubahsuaian, herotan atau penggunaan warna tidak dibenarkan boleh menjejaskan integritinya.

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 kami merupakan komponen utama dalam identiti visual jenama kami, yang berfungsi seiring dengan simbol logo untuk menyampaikan nama kami dengan kejelasan dan gaya. Sebarang pengubahsuaian, peregangan, atau penggunaan kesan yang tidak diluluskan pada wordmark adalah tidak dibenarkan.

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.

Lockup logo menggabungkan logomark dan wordmark dalam satu reka bentuk yang bersatu, mewakili jenama kami dalam bentuk yang paling lengkap. Lockup ini hendaklah sentiasa digunakan sebagaimana yang disediakan, dengan mengekalkan perkadaran, jarak dan penjajaran yang betul antara elemen. Elakkan daripada mengasingkan, menyusun semula, atau mengubah saiz mana-mana komponen secara berasingan. Sentiasa rujuk garis panduan bagi saiz, jarak, dan penempatan untuk mengekalkan integritinya.

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

Clearspace ialah ruang minimum antara logo dan mana-mana elemen lain dalam sesuatu susun atur. Lebar huruf "o" dalam world menentukan ruang kosong yang mesti dikekalkan di sekeliling logo.

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

Apabila memaparkan kerjasama atau kolaborasi, logo World boleh digabungkan dengan logo jenama lain dalam format seperti 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 & Warna Gradient

Neutral
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, Sofistikated, Tidak Menonjol, Bersahaja, 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.
Ketenteraman, Integriti, Ketenangan, Refleksi, 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.
Kecergasan, Kebahagiaan, Semangat, Optimisme, Tenaga, Inklusif
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

Cipta Warna Gradient (Tutorial PDF)

  • Warna gradient World ialah elemen penting yang digunakan dalam sistem jenama utama. Ia menggambarkan harapan dan optimisme serta boleh digunakan sebagai aset jenama yang mudah dikenali apabila digunakan sebagai latar belakang.
  • Ia hanya boleh digunakan dengan warna yang ditetapkan.
  • Warna gradient ini mesti dicipta sebagai bitmap dan kemudian diwarnakan, dengan memastikan resolusi bitmap mematuhi garis panduan yang dinyatakan dalam halaman seterusnya.
Color gradient examples for World brand guidelinesColor gradient examples for World brand guidelines
Warna Gradient - Resolusi
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.
Sesuai
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.

Warna sekunder digunakan untuk tujuan ekspresif dan utilitarian dalam jenama World. Contohnya termasuk pengekodan warna untuk tahap pelepasan yang berbeza pada lencana acara, warna gradient bendera yang dilokalkan untuk bahan pelancaran, semantik warna dalam antara muka pengguna serta visual sokongan 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 ialah fon sans-serif moden yang sofistikated dan serba boleh untuk tujuan teks dan paparan. Ia setanding dengan fon sans-serif klasik yang terkenal sambil menggabungkan keunikan tipografi digital. Ini merupakan satu-satunya fon yang digunakan dalam jenama World.

The primary font used in World brand guidelinesThe primary font used in World brand guidelines
Berat fon

Berikut ialah tiga jenis berat fon Lausanne yang digunakan dalam keseluruhan jenama World. Ia merupakan asas kepada semua kandungan dan sebarang pengecualian atau penambahan mestilah mendapat kelulusan dalaman.

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

Secara umumnya, peraturan berikut boleh digunakan untuk hampir semua situasi tipografi dalam penyampaian jenama.

Teks isi dan bahagian teks yang panjang menggunakan berat 300. Tajuk utama dan jenis paparan bersaiz besar menggunakan berat 400, manakala subtajuk dan tajuk yang lebih kecil menggunakan berat 450 untuk mengekalkan ketebalan huruf dalam saiz yang lebih kecil sedikit daripada tajuk 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
Penjajaran
Visual representation of text formatting guidelines for World brandVisual representation of text formatting guidelines for World brand

Koleksi Tiempos ialah keluarga fon serif moden untuk tipografi editorial. Tiempos Headline direka untuk saiz tajuk utama yang lebih besar, dengan memberikan keseimbangan antara praktikaliti dan keanggunan.

Visual representation of secondary fonts for World brand guidelinesVisual representation of secondary fonts for World brand guidelines
Berat fon

Berikut ialah dua jenis berat Tiempos Headline yang digunakan dalam keseluruhan jenama World. Sebarang pengecualian atau penambahan mesti mendapat kelulusan dalaman.

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

Tiempos Headline ialah jenis fon sekunder kami, digunakan hanya dalam beberapa kes tertentu, terutamanya apabila jenama ingin menyampaikan mesej secara langsung dan mewujudkan komunikasi yang lebih mesra dengan pengguna.

Penggunaan boleh meliputi pengiklanan, barangan dagangan dan beberapa skrin dalam UX. Semua kandungan serta sebarang pengecualian atau penambahan mesti mendapat kelulusan dalaman.

Peranan Fon

Catatan Media Sosial, Kempen, Eksklusiviti

Tiempos menambah sentuhan kemanusiaan dan suara langsung kepada bahasa visual jenama. Ia amat sesuai untuk mewujudkan nada yang mesra, mudah didekati dan berkualiti tinggi dalam situasi tertentu apabila tujuan komunikasi adalah untuk berinteraksi dengan pengguna secara lebih peribadi.

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 fon Noto bersama jenis fon Latin utama kami untuk memastikan sokongan menyeluruh bagi semua skrip bukan Latin. Noto dipilih kerana liputannya yang luas terhadap bahasa-bahasa global, serta keupayaannya untuk menawarkan tipografi yang konsisten dan harmoni secara visual merentasi pelbagai skrip, termasuk Cina, Arab, Cyrillic dan Jepun.

Pendekatan ini membolehkan kami mengekalkan konsistensi dan keterangkuman jenama, memastikan komunikasi kami sampai kepada pengguna di seluruh dunia dalam skrip natif mereka, tanpa menjejaskan keterbacaan atau keselarasan estetik.

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.
Jepun: 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 terhad apabila Lausanne tidak tersedia, contohnya dalam Google Slides, jenis fon alternatif daripada pustaka Google Fonts boleh digunakan: Untuk teks isi, fon Inter digunakan; untuk tajuk utama, fon Inter Tight digunakan. Hanya fon ini daripada pustaka Google Fonts dibenarkan dan hanya apabila penggunaan fon Lausanne tidak dapat digunakan.

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

Grid ialah salah satu alat paling penting dalam sistem reka bentuk. Ia sangat penting untuk semua susun atur dan komposisi dan harus digunakan setiap masa. Sama ada grid 2, 4, 6, atau 8 lajur bergantung pada saiz papan seni dan bilangan elemen di dalamnya, tetapi semua elemen dalam komposisi perlu sejajar dengan grid asas dan dijarakkan secara berkadaran 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.
Bahan dalaman

Untuk semua bahan dalaman dan bahan berjenama, apabila logo dipaparkan bersama aset dan kandungan lain, logo hendaklah diletakkan di sudut kiri atas susun atur untuk memastikan konsistensi.

World logo placement guidelines for branding consistencyWorld logo placement guidelines for branding consistency
Logo solo

Dalam susun atur di mana logo merupakan satu-satunya elemen, seperti kad video atau kempen tertentu, logo hendaklah digunakan di bahagian tengah susun atur.

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 latar belakang warna gradient

Apabila logo diletakkan pada latar belakang warna gradient, ia mesti sentiasa diletakkan di kawasan yang cerah untuk memastikan kebolehbacaan tidak terjejas.

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 mempunyai ilustrasi tersendiri yang diilhamkan daripada konsep dan fungsi 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 terdapat banyak cara untuk mewakili data, gaya yang konsisten hendaklah digunakan. Garisan luar, bentuk geometri untuk carta dan graf, serta penggunaan isian dan warna yang lembut dan bertujuan khusus adalah elemen konsisten dalam grafik visualisasi data.

Contoh 1 - Carta bar
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 - Graf 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

Grid warna gradient berfungsi sebagai grafik yang berwarna-warni dan ekspresif serta digunakan dalam dua cara:

  1. Sebagai representasi setempat menggunakan warna-warna daripada peta sesebuah negara sebagai input untuk peralihan gradient
  2. Grafik ambien, tidak terikat kepada warna tertentu, sebaliknya digunakan untuk menyampaikan suasana atau tenaga.
Contoh 1 - Colombia
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 pengecaman dan navigasi, setiap produk mempunyai ikon tersendiri, dibangunkan sebagai bentuk ringkas daripada ilustrasi produk masing-masing.

Visual representation of World brand guidelinesVisual representation of World brand guidelines

Ikon produk harus mengekalkan penampilan visual yang konsisten merentas pelbagai saiz. Ketebalan asas yang digunakan adalah 1.0 px apabila ikon ditetapkan pada lebar 60 px dan apabila ia lebih besar atau kecil, ketebalan tersebut harus dilaraskan supaya sepadan secara optik dengan penampilan asas.

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.

Apabila ikon digunakan bersama elemen lain dalam susun atur, seperti di laman web, ia mesti sentiasa diletakkan di penjuru kiri atas. Dalam sesetengah situasi apabila ikon dipaparkan secara berkumpulan tanpa elemen tambahan, ia boleh diletakkan di tengah susun atur.

Penjuru 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 imej hero, warna gradient, simbol mata wang WLD, Orb, World App, World Chain, dan lain-lain.