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.

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.

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.

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.

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.

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

Warna & Warna Gradient

Neutral
Lembut, Halus, Sofistikated, Tidak Menonjol, Bersahaja, Menenangkan
Warna utama
Ketenteraman, Integriti, Ketenangan, Refleksi, Kebijaksanaan, Kepercayaan
Warna sekunder
Kecergasan, Kebahagiaan, Semangat, Optimisme, Tenaga, Inklusif

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.
Warna Gradient - Resolusi
Terlalu rendah
Sesuai
Terlalu tinggi

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.

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.

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.

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.

Jarak Baris & Jarak Huruf
Penjajaran

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.

Berat fon

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

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.

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.

Mandarin: Noto Sans HKn
Jepun: Noto Sans JP
Arab: Noto Sans Arabic
Bengali: Noto Sans Bengali
Ibrani: Noto Sans Hebrew
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.

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.

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.

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.

Profil media sosial
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.

Ilustrasi

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

World ID
World App
World Chain
Worldcoin
Orb

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
Contoh 2 - Model skala
Contoh 3 - Graf harga

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
Contoh 2 - Argentina

Ikonografi

Untuk membantu pengecaman dan navigasi, setiap produk mempunyai ikon tersendiri, dibangunkan sebagai bentuk ringkas daripada ilustrasi produk masing-masing.

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.

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
Tengah

Aset

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