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

Gambaran Keseluruhan JenamaGambaran Keseluruhan Jenama
Gambaran Keseluruhan JenamaGambaran Keseluruhan Jenama

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 yang tidak dibenarkan boleh menjejaskan integritinya.

Perwakilan visual prinsip dan garis panduan jenama untuk WorldPerwakilan visual prinsip dan garis panduan jenama untuk World
Grafik yang menggambarkan garis panduan jenama World, menekankan prinsip dan aset reka bentuk.Grafik yang menggambarkan garis panduan jenama World, menekankan prinsip dan aset reka bentuk.

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.

Perwakilan grafik elemen penjenamaan World dalam bahagian garis panduan jenamaPerwakilan grafik elemen penjenamaan World dalam bahagian garis panduan jenama
Perwakilan grafik garis panduan jenama untuk World, menggambarkan prinsip dan aset reka bentuk.Perwakilan grafik garis panduan jenama untuk World, menggambarkan prinsip dan aset reka bentuk.

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.

Perwakilan visual berkaitan penjenamaan dan prinsip reka bentuk World.Perwakilan visual berkaitan penjenamaan dan prinsip reka bentuk World.
Perwakilan grafik berkaitan garis panduan jenama World, menekankan prinsip dan aset reka bentuk.Perwakilan grafik berkaitan garis panduan jenama World, menekankan prinsip dan aset reka bentuk.

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.

Perwakilan visual berkaitan garis panduan jenama dan prinsip reka bentuk WorldPerwakilan visual berkaitan garis panduan jenama dan prinsip reka bentuk World
Logo dan Warna: Perkara yang Boleh Dilakukan
Logo dan Warna: Perkara yang Boleh DilakukanLogo dan Warna: Perkara yang Boleh Dilakukan

Logo dan Warna: Perkara yang Perlu Dielakkan
Logo dan Warna: Perkara yang Perlu DielakkanLogo dan Warna: Perkara yang Perlu Dielakkan

Apabila memaparkan kerjasama atau kolaborasi, logo World boleh digabungkan dengan logo jenama lain dalam format seperti berikut.

Kerjasama SelamatKerjasama Selamat

Warna-warna

Neutral
palet kelabu gelappalet kelabu gelap
Lembut, Halus, Sofistikated, Tidak Menonjol, Bersahaja, Menenangkan
Warna utama
palet utamapalet utama
Ketenteraman, Integriti, Ketenangan, Refleksi, Kebijaksanaan, Kepercayaan
Warna sekunder
palet sekunderpalet sekunder
Kecergasan, Kebahagiaan, Semangat, Optimisme, Tenaga, Inklusif
Ilustrasi hierarki warna untuk garis panduan jenama WorldIlustrasi hierarki warna untuk garis panduan jenama World
Contoh pengekodan warna yang berkaitan dengan garis panduan jenama World dalam protokol reka bentukContoh pengekodan warna yang berkaitan dengan garis panduan jenama World dalam protokol reka bentuk
Perwakilan visual prinsip pengekodan warna dalam garis panduan jenama WorldPerwakilan visual prinsip pengekodan warna dalam garis panduan jenama World
Perwakilan visual prinsip pengekodan warna untuk garis panduan reka bentuk jenama WorldPerwakilan visual prinsip pengekodan warna untuk garis panduan reka bentuk jenama World
Ilustrasi berkaitan pengekodan warna dalam garis panduan jenama WorldIlustrasi berkaitan pengekodan warna dalam garis panduan jenama World

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.

portugalportugal
UKUK

Tipografi

World Pro dibina khusus untuk diskalakan dan menyediakan sistem visual universal bagi setiap individu yang menggunakan, menyepadukan, serta berinteraksi dengan World. Ia merupakan satu-satunya fon yang digunakan dalam jenama World.

World ProWorld Pro

Fon World Pro

Berat fon

Terdapat dua variasi ketebalan bagi World Pro: Biasa dan Sederhana. Biasa adalah yang paling kerap digunakan, manakala Sederhana digunakan untuk memberi penekanan apabila perlu.

World Pro MediumWorld Pro Medium
Jarak Baris & Jarak Huruf
Jarak Baris & Jarak HurufJarak Baris & Jarak Huruf
Jarak Baris & Jarak HurufJarak Baris & Jarak Huruf
Penjajaran
PenjajaranPenjajaran

World Pro Regular secara amnya dianggap cukup serba boleh untuk digunakan bagi tajuk utama mahupun teks badan, dengan skala lebih kerap digunakan untuk mewujudkan hierarki.

World Pro Medium boleh digunakan untuk tajuk kecil apabila penekanan tambahan diperlukan.

Tajuk-tajuk UtamaTajuk-tajuk Utama
PenggunaanPenggunaan
skrin luar -3 3skrin luar -3 3

Kami menggunakan fon Noto bersama dengan fon Latin utama kami untuk memastikan sokongan menyeluruh untuk semua termasuk 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 untuk Bahasa Cina, Arab, Cyrillic dan Jepun.

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

Bahagian garis panduan jenama World yang menampilkan aset reka bentuk dan contoh tipografi.Bahagian garis panduan jenama World yang menampilkan aset reka bentuk dan contoh tipografi.
Mandarin: Noto Sans HKn
Perwakilan visual item akordion dalam garis panduan jenama World, menampilkan teks dalam fon Noto Sans JP.Perwakilan visual item akordion dalam garis panduan jenama World, menampilkan teks dalam fon Noto Sans JP.
Jepun: Noto Sans JP
Perwakilan grafik fon Noto Sans Arabic, sebahagian daripada Garis Panduan Jenama WorldPerwakilan grafik fon Noto Sans Arabic, sebahagian daripada Garis Panduan Jenama World
Arab: Noto Sans Arabic
Perwakilan visual teks Bengali dalam fon Noto Sans Bengali, mempamerkan tipografi jenama.Perwakilan visual teks Bengali dalam fon Noto Sans Bengali, mempamerkan tipografi jenama.
Bengali: Noto Sans Bengali
Contoh fon Noto Sans Hebrew untuk garis panduan jenamaContoh fon Noto Sans Hebrew untuk garis panduan jenama
Ibrani: Noto Sans Hebrew
Imej item akordion menampilkan elemen reka bentuk berkaitan jenama World, memfokuskan pada Cyrillic dalam fon Noto Sans.Imej item akordion menampilkan elemen reka bentuk berkaitan jenama World, memfokuskan pada Cyrillic dalam fon Noto Sans.
Cyrillic: Noto Sans

Dalam situasi terhad apabila fon World Pro tidak tersedia, contohnya dalam Google Slides, fon alternatif daripada pustaka Google Fonts boleh digunakan: Gunakan fon Inter untuk isi teks dan Inter Tight untuk tajuk utama. Penggunaan fon Google Fonts ini hanya dibenarkan sekiranya fon World Pro benar-benar tidak dapat digunakan.

Grafik yang mewakili elemen reka bentuk untuk garis panduan jenama World.Grafik yang mewakili elemen reka bentuk untuk garis panduan jenama World.

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.

Perwakilan visual prinsip jenama dan garis panduan reka bentuk WorldPerwakilan visual prinsip jenama dan garis panduan reka bentuk World
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.

Ilustrasi yang menunjukkan garis panduan untuk penempatan logo dalam penjenamaan WorldIlustrasi yang menunjukkan garis panduan untuk penempatan logo dalam penjenamaan World
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.

Perwakilan grafik yang menunjukkan garis panduan untuk penempatan logo dalam bahan penjenamaan WorldPerwakilan grafik yang menunjukkan garis panduan untuk penempatan logo dalam bahan penjenamaan World
Profil media sosial
Ilustrasi yang menggariskan penempatan logo yang betul untuk penjenamaan WorldIlustrasi yang menggariskan penempatan logo yang betul untuk penjenamaan World
World ialah rangkaian manusia sebenarWorld ialah rangkaian manusia sebenar
manfaatmanfaat
ganjaran world idganjaran world id

Ilustrasi

Setiap produk utama World mempunyai ilustrasi tersendiri yang diilhamkan daripada konsep dan fungsi produk tersebut.

World ID
telefontelefon
World App
Perwakilan visual berkaitan World App dalam garis panduan jenamaPerwakilan visual berkaitan World App dalam garis panduan jenama
World Chain
Perwakilan grafik berkaitan prinsip penjenamaan World ChainPerwakilan grafik berkaitan prinsip penjenamaan World Chain
Worldcoin
Ilustrasi berkaitan penjenamaan Worldcoin, mempamerkan prinsip dan aset reka bentukIlustrasi berkaitan penjenamaan Worldcoin, mempamerkan prinsip dan aset reka bentuk
Orb
Ilustrasi atau grafik berkaitan Orb sebagai sebahagian daripada garis panduan jenama WorldIlustrasi atau grafik berkaitan Orb sebagai sebahagian daripada garis panduan jenama World

Walaupun terdapat pelbagai cara untuk mempersembahkan data, satu gaya yang konsisten haruslah diterapkan. Garis rangka, bentuk geometri bagi carta dan graf, serta penggunaan isian dan warna yang halus tetapi bermakna merupakan elemen konsisten yang harus diterapkan dalam grafik visualisasi data.

Contoh 1 - Carta bar
Carta bar ilustrasi yang mewakili data dalam garis panduan jenama WorldCarta bar ilustrasi yang mewakili data dalam garis panduan jenama World
Contoh 2 - Model skala
Ilustrasi model skala mempamerkan elemen penjenamaan dan prinsip reka bentuk World.Ilustrasi model skala mempamerkan elemen penjenamaan dan prinsip reka bentuk World.
Contoh 3 - Graf harga
Perwakilan grafik yang menggambarkan trend harga untuk produk World.Perwakilan grafik yang menggambarkan trend harga untuk produk World.
Perwakilan grafik garis panduan jenama World yang memfokuskan kepada prinsip dan aset reka bentuk.Perwakilan grafik garis panduan jenama World yang memfokuskan kepada prinsip dan aset reka bentuk.
Perwakilan visual garis panduan jenama World dalam format akordion hiasan.Perwakilan visual garis panduan jenama World dalam format akordion hiasan.
Grafik bergaya yang mewakili prinsip reka bentuk jenama WorldGrafik bergaya yang mewakili prinsip reka bentuk jenama World
Perwakilan grafik elemen penjenamaan World, menggambarkan garis panduan reka bentuk.Perwakilan grafik elemen penjenamaan World, menggambarkan garis panduan reka bentuk.
Ilustrasi berkaitan garis panduan jenama World, menekankan prinsip dan aset reka bentuk.Ilustrasi berkaitan garis panduan jenama World, menekankan prinsip dan aset reka bentuk.
Perwakilan grafik berkaitan bahagian garis panduan jenama World, menekankan prinsip dan aset reka bentuk.Perwakilan grafik berkaitan bahagian garis panduan jenama World, menekankan prinsip dan aset reka bentuk.
Grafik yang mewakili garis panduan jenama World, mempamerkan prinsip dan aset reka bentuk.Grafik yang mewakili garis panduan jenama World, mempamerkan prinsip dan aset reka bentuk.
Perwakilan visual garis panduan jenama World, menampilkan aset dan prinsip reka bentuk.Perwakilan visual garis panduan jenama World, menampilkan aset dan prinsip reka bentuk.
Grafik yang mewakili prinsip reka bentuk dan garis panduan jenama World dalam format akordion.Grafik yang mewakili prinsip reka bentuk dan garis panduan jenama World dalam format akordion.
Perwakilan grafik berkaitan prinsip reka bentuk jenama World, ditampilkan dalam bahagian garis panduan jenamaPerwakilan grafik berkaitan prinsip reka bentuk jenama World, ditampilkan dalam bahagian garis panduan jenama
Perwakilan grafik aset jenama World dalam susun atur penjenamaan.Perwakilan grafik aset jenama World dalam susun atur penjenamaan.
Perwakilan visual berkaitan garis panduan jenama World dalam bahagian protokol reka bentuk.Perwakilan visual berkaitan garis panduan jenama World dalam bahagian protokol reka bentuk.
Perwakilan grafik berkaitan garis panduan jenama World, menampilkan elemen reka bentuk.Perwakilan grafik berkaitan garis panduan jenama World, menampilkan elemen reka bentuk.
Ilustrasi yang mewakili prinsip dan garis panduan jenama World.Ilustrasi yang mewakili prinsip dan garis panduan jenama World.
Logo World dengan reka bentuk moden yang mewakili inovasi dan pemerkasaan dalam teknologi.Logo World dengan reka bentuk moden yang mewakili inovasi dan pemerkasaan dalam teknologi.
Perwakilan grafik berkaitan garis panduan jenama World dan prinsip reka bentukPerwakilan grafik berkaitan garis panduan jenama World dan prinsip reka bentuk

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

  1. Sebagai representasi setempat menggunakan warna-warna daripada peta sesebuah negara sebagai input untuk peralihan gradien
  2. Grafik ambien, tidak terikat kepada warna tertentu, sebaliknya digunakan untuk menyampaikan suasana atau tenaga.
Contoh 1 - Colombia
colombiacolombia
Contoh 2 - Argentina
ArgentinaArgentina

Ikonografi

Di bawah adalah set lengkap ikon seperti yang wujud sekarang. Lebih banyak ikon boleh dan akan dicipta tetapi mesti dilakukan berdasarkan garis panduan pembinaan untuk mengekalkan konsistensi.

Ikon World direka sebagai lanjutan daripada fon kami, yang mana ia mencerminkan berat garis dan lengkung.

Adalah sangat penting bagi semua ikon yang digabungkan dengan teks mengekalkan kadar dan penjajaran yang sama supaya ia selaras dengan rupa huruf. Ikon-ikon ini direka sedemikian rupa supaya ikon segi empat tepat melintang berada sejajar dengan bahagian ketinggian atas serta bawah huruf besar, dan diletakkan tepat di tengah secara menegak.

Kumpulan Ex Kumpulan Ex
Saiz Ikon

Semua ikon svg adalah terkandung dalam bingkai standard. Untuk mengekalkan saiz yang konsisten dengan tipografi, kita boleh mengaplikasikan formula pada bingkai ikon: gandakan saiz fon dengan 1.07 untuk mendapatkan saiz bingkai ikon. cth. Jika saiz fon ialah 180px, bingkai ikon hendaklah (180x1.07)=192.6px lebar.

MelMel
Saiz FonSaiz Fon

Aset

Aset untuk imej hero, warna gradien, simbol mata wang WLD, Orb, World App, World Chain, dan lain-lain.