World デザインプロトコル

デザイン原則、ガイドライン、アセット

デザイン原則

  • 人間らしさ

    人間がもつ自然で予測できない一面こそが、イノベーションを生み出す源であると信じています。

  • 普遍性

    国や文化・歴史の違いを超え、誰にでも直感的に伝わるデザインを通じて、すべての人がアクセスでき、グローバルなつながりを実現することを目指しています。

  • 楽観性

    人間の可能性を信じ、テクノロジーがすべての人の力を引き出し、可能性をさらに広げていくと信じています。

ブランド概要

すべてのツールは、「World」というコアブランドのもとに存在しています。

ブランド概要ブランド概要
ブランド概要
ブランド概要

ビジュアル・アイデンティティ

Worldロゴ

Worldロゴは、私たちのブランドを象徴するビジュアルの要です。シンプルで明快、そして普遍的。時を超えて受け継がれるデザイン原則に基づき、アクセシビリティ、イノベーション、そして世界とのつながりへの私たちの想いを体現しています。

ロゴマークは、ブランドアイデンティティの核となる要素です。常にオリジナルの形で使用し、視認性と印象を保つために、周囲に十分な余白を確保してください。形の改変や歪み、指定外のカラーの使用は、ブランドの一貫性を損なうおそれがあります。

Worldのブランド原則とガイドラインのビジュアルWorldのブランド原則とガイドラインのビジュアル
Worldブランドガイドラインを示し、デザイン原則とアセットを強調したグラフィックWorldブランドガイドラインを示し、デザイン原則とアセットを強調したグラフィック

ワードマークは、ブランドのビジュアルアイデンティティを構成する重要な要素です。ロゴシンボルと調和しながら、ブランド名を明確かつ洗練されたかたちで伝えます。ワードマークの形状を変更したり、引き伸ばしたり、承認されていない効果を適用したりすることは禁止されています。

ブランドガイドライン内のWorldブランド要素を示すグラフィックブランドガイドライン内のWorldブランド要素を示すグラフィック
Worldブランドガイドラインのデザイン原則とアセットを示すグラフィックWorldブランドガイドラインのデザイン原則とアセットを示すグラフィック

ロゴロックアップは、ロゴシンボルとワードマークを組み合わせた統一デザインであり、ブランドを最も完全な形で表現します。ロックアップは必ず提供された形式のまま使用し、各要素の比率・間隔・整列を正しく保ってください。要素を個別に分離、再配置、またはサイズ変更することは避けてください。一貫性を保つために、サイズ・余白・配置に関するガイドラインを必ず参照してください。

Worldのブランディングとデザイン原則に関するビジュアルWorldのブランディングとデザイン原則に関するビジュアル
Worldブランドガイドラインに関連するグラフィック。デザイン原則とアセットを強調Worldブランドガイドラインに関連するグラフィック。デザイン原則とアセットを強調

クリアスペースとは、レイアウト内でロゴと他の要素との間に確保すべき最小限の余白を指します。ロゴの視認性と独立性を保つため、周囲には十分なクリアスペースを設けてください。クリアスペースは、「world」の文字に含まれる“o”の幅を基準として定義されています。

Worldブランドガイドラインとデザイン原則に関するビジュアルWorldブランドガイドラインとデザイン原則に関するビジュアル
ロゴとカラーについての推奨事項
ロゴとカラーについての推奨事項ロゴとカラーについての推奨事項

ロゴとカラーについての禁止事項
ロゴとカラーについての禁止事項ロゴとカラーについての禁止事項

パートナーシップやコラボレーションを示す場合、Worldロゴは他のブランドのロゴと以下の形式で組み合わせることができます。

パートナーシップのガイドラインパートナーシップのガイドライン

カラー

ニュートラル
ダークグレーパレットダークグレーパレット
柔らかさ、繊細さ、洗練、落ち着き、控えめさ、安らぎ
プライマリーカラー
プライマリーパレットプライマリーパレット
静けさ、誠実さ、穏やかさ、内省、知恵、信頼
セカンダリーカラー
セカンダリーパレットセカンダリーパレット
活力、幸福、鮮やかさ、楽観性、エネルギー、多様性
WorldブランドガイドラインにおけるカラーヒエラルキーのイラストWorldブランドガイドラインにおけるカラーヒエラルキーのイラスト
Worldブランドガイドラインのデザインプロトコルにおけるカラーコーディング例Worldブランドガイドラインのデザインプロトコルにおけるカラーコーディング例
Worldブランドガイドラインにおけるカラーコーディング原則のビジュアルWorldブランドガイドラインにおけるカラーコーディング原則のビジュアル
Worldブランドデザインガイドラインにおけるカラーコーディング原則のビジュアルWorldブランドデザインガイドラインにおけるカラーコーディング原則のビジュアル
Worldブランドガイドラインにおけるカラーコーディングに関するイラストWorldブランドガイドラインにおけるカラーコーディングに関するイラスト

セカンダリーカラーは、Worldブランドにおいて表現的な場合と実用的な用途の両方に使用されます。具体的な例としては、イベントバッジの権限レベルを区分するための色分け、ローンチ素材における地域ごとのグラデーションフラッグカラー、ユーザーインターフェース内での色の意味付け、そして印象的なビジュアル表現を補完するための要素などがあります。

ポルトガルポルトガル
UKUK

タイポグラフィ

World Proは、Worldを利用・統合・操作するすべてのユーザーのために、スケーラブルで一貫したビジュアルシステムを提供するためにカスタム設計されたフォントです。

World proWorld pro

World Proフォント

太さ

World Proには、RegularとMediumの2種類のウェイトがあります。通常はRegularを使用し、強調が必要な場合にMediumを使用します。

World Pro MediumWorld Pro Medium
行間と文字間
行間と文字間行間と文字間
行間と文字間行間と文字間
整列
配置配置

World Pro Regularは、見出しにも本文にも使える汎用性の高いウェイトです。階層は主にサイズの違いによって表現されます。

World Pro Mediumは、より強調が必要な小さなサブ見出しに使用します。

見出し見出し
使用方法使用方法
outdoor-screen-3 3outdoor-screen-3 3

Notoフォントは、ラテン文字以外の文字体系を幅広くサポートするために、主要なラテンフォントと併用しています。Notoは世界中の言語を網羅する高い対応力を持ち、中国語、アラビア語、キリル文字、日本語など多様な文字体系においても、統一感のある美しいタイポグラフィを実現します。

このアプローチにより、私たちはブランドの一貫性と包括性を維持し、可読性や美観を損なうことなく、世界中のユーザーに母国語の文字体系で情報を届けることができます。

デザインアセットとタイポグラフィ例を紹介するWorldブランドガイドラインのセクションデザインアセットとタイポグラフィ例を紹介するWorldブランドガイドラインのセクション
中国語(簡体字・繁体字):Noto Sans HKn
Noto Sans JPフォントのテキストを含む、WorldブランドガイドラインのアコーディオンアイテムのビジュアルNoto Sans JPフォントのテキストを含む、Worldブランドガイドラインのアコーディオンアイテムのビジュアル
日本語:Noto Sans JP
Worldブランドガイドラインの一部であるNoto Sans ArabicフォントのグラフィックWorldブランドガイドラインの一部であるNoto Sans Arabicフォントのグラフィック
アラビア語:Noto Sans Arabic
Noto Sans Bengaliフォントによるベンガル語テキストのビジュアル。ブランドタイポグラフィの例Noto Sans Bengaliフォントによるベンガル語テキストのビジュアル。ブランドタイポグラフィの例
ベンガル語:Noto Sans Bengali
ブランドガイドラインにおけるNoto Sans Hebrewフォントの例ブランドガイドラインにおけるNoto Sans Hebrewフォントの例
ヘブライ語:Noto Sans Hebrew
Noto Sansのキリル文字を使用し、Worldブランドのデザイン要素を強調したアコーディオンアイテムの画像Noto Sansのキリル文字を使用し、Worldブランドのデザイン要素を強調したアコーディオンアイテムの画像
キリル文字:Noto Sans

World Proが利用できない状況(例:Google Slidesなど)では、Google Fontsライブラリの代替フォントを使用できます。本文にはInterを使用し、見出しにはInter Tightを使用します。使用できるのはGoogle Fontsライブラリのこれらのフォントのみで、World Proが利用できない場合に限り使用してください。

Worldブランドガイドラインのデザイン要素を示すグラフィックWorldブランドガイドラインのデザイン要素を示すグラフィック

構成

グリッドは、デザインシステムにおける最も重要なツールのひとつです。すべてのレイアウトや構成において不可欠であり、常に使用する必要があります。2、4、6、8列など、グリッドの列数はアートボードのサイズや要素の数によって異なりますが、すべての要素は基準となるグリッドに沿って整列させ、マージンに対して均整の取れた間隔を保つようにしてください。

Worldブランドの原則とデザインガイドラインに関するビジュアルWorldブランドの原則とデザインガイドラインに関するビジュアル
内部資料

すべての内部資料およびブランド関連資料において、ロゴが他のアセットやコンテンツとともに表示される場合、一貫性を確保するためにレイアウトの左上にロゴを配置します。

Worldブランディングにおけるロゴ配置ガイドラインを示すイラストWorldブランディングにおけるロゴ配置ガイドラインを示すイラスト
単独ロゴ

ビデオカードや特定のキャンペーンや発表など、ロゴが唯一の要素であるレイアウトでは、ロゴはレイアウトの中央に配置します。

Worldブランディング素材におけるロゴ配置ガイドラインを示すグラフィックWorldブランディング素材におけるロゴ配置ガイドラインを示すグラフィック
ソーシャルメディアプロフィール
Worldブランディングにおける正しいロゴ配置を示すイラストWorldブランディングにおける正しいロゴ配置を示すイラスト
Worldは実在する人間によるネットワークですWorldは実在する人間によるネットワークです
特典特典
World ID特典 World ID特典

イラストレーション

主要なWorld製品には、それぞれの特性や提供価値に基づいたイラストレーションが用意されています。

World ID
電話電話
World App
ブランドガイドライン内のWorld Appに関連するビジュアルブランドガイドライン内のWorld Appに関連するビジュアル
World Chain
World Chainのブランディング原則に関するグラフィックWorld Chainのブランディング原則に関するグラフィック
Worldcoin
Worldcoinブランディングに関連し、デザイン原則とアセットを紹介するイラストWorldcoinブランディングに関連し、デザイン原則とアセットを紹介するイラスト
Orb
Worldブランドガイドラインの一部として、Orbに関連するイラストまたはグラフィックWorldブランドガイドラインの一部として、Orbに関連するイラストまたはグラフィック

データを表現するには多くの方法がありますが、一貫したスタイルを適用する必要があります。 グラフとグラフの幾何学的形状、塗りつぶしと色の微妙で意図的な使用方法は、データ可視化グラフィックス内の一貫した要素です。

例 1 - 棒グラフ
Worldブランドガイドライン内のデータを示す棒グラフのイラストWorldブランドガイドライン内のデータを示す棒グラフのイラスト
例 2 - 縮尺モデル
Worldブランド要素とデザイン原則を示すスケールモデルのイラストWorldブランド要素とデザイン原則を示すスケールモデルのイラスト
例 3 - 価格グラフ
World商品の価格動向を示すグラフィックWorld商品の価格動向を示すグラフィック
デザイン原則とアセットに焦点を当てたWorldブランドガイドラインのグラフィックデザイン原則とアセットに焦点を当てたWorldブランドガイドラインのグラフィック
アコーディオンスタイルで装飾的に示されたWorldブランドガイドラインのビジュアルアコーディオンスタイルで装飾的に示されたWorldブランドガイドラインのビジュアル
Worldブランドデザイン原則を示すスタイリッシュなグラフィックWorldブランドデザイン原則を示すスタイリッシュなグラフィック
デザインガイドラインを示すWorldブランディング要素のグラフィックデザインガイドラインを示すWorldブランディング要素のグラフィック
Worldブランドガイドラインに関連し、デザイン原則とアセットを強調したイラストWorldブランドガイドラインに関連し、デザイン原則とアセットを強調したイラスト
Worldブランドガイドラインのセクションに関連し、デザイン原則とアセットを強調したグラフィックWorldブランドガイドラインのセクションに関連し、デザイン原則とアセットを強調したグラフィック
デザイン原則とアセットを紹介するWorldブランドガイドラインのグラフィックデザイン原則とアセットを紹介するWorldブランドガイドラインのグラフィック
デザインアセットとデザイン原則を含むWorldブランドガイドラインのビジュアルデザインアセットとデザイン原則を含むWorldブランドガイドラインのビジュアル
アコーディオン形式でWorldブランドデザイン原則とガイドラインを示すグラフィックアコーディオン形式でWorldブランドデザイン原則とガイドラインを示すグラフィック
ブランドガイドラインのセクションで取り上げられた、Worldブランドデザイン原則に関連するグラフィックブランドガイドラインのセクションで取り上げられた、Worldブランドデザイン原則に関連するグラフィック
ブランドレイアウト内のWorldブランドアセットのグラフィックブランドレイアウト内のWorldブランドアセットのグラフィック
デザインプロトコルセクション内のWorldブランドガイドラインに関連するビジュアルデザインプロトコルセクション内のWorldブランドガイドラインに関連するビジュアル
Worldブランドガイドラインに関連し、デザイン要素を含むグラフィックWorldブランドガイドラインに関連し、デザイン要素を含むグラフィック
Worldのブランド原則とガイドラインを示すイラストWorldのブランド原則とガイドラインを示すイラスト
イノベーションとテクノロジー分野におけるエンパワーメントを示すモダンなWorldロゴイノベーションとテクノロジー分野におけるエンパワーメントを示すモダンなWorldロゴ
Worldブランドガイドラインとデザイン原則に関連するグラフィックWorldブランドガイドラインとデザイン原則に関連するグラフィック

グラデーショングリッドは、カラフルで表現力豊かなグラフィックとして機能し、主に次の2つの方法で使用されます:

  1. 国の地図の色をグラデーションの遷移に用いた、ローカライズ表現
  2. 特定の色に依存せず、雰囲気やエネルギーを表現するアンビエントグラフィック。
例1 - コロンビア
コロンビアコロンビア
例2 - アルゼンチン
アルゼンチンアルゼンチン

アイコングラフィー

以下は、現在利用可能なアイコンの一覧です。今後さらにアイコンが作成される予定ですが、一貫性を保つため、必ず設計ガイドラインに従って作成する必要があります。

Worldのアイコンは、書体の延長として設計されており、線の太さやカーブが反映されています。

テキストと組み合わせるすべてのアイコンは、書体と調和するよう、同じ比率と配置を維持することが重要です。横長の長方形アイコンはキャップハイトの上端と下端に揃い、垂直方向の中央に配置されるよう設計されています。

Exグループ Exグループ
アイコンサイズ

すべてのSVGアイコンは標準フレーム内に配置されています。タイポグラフィとのサイズの一貫性を保つため、アイコンフレームには「フォントサイズに1.07を掛ける」という式を適用できます。たとえば、フォントサイズが180pxの場合、アイコンフレームの幅は(180x1.07)=192.6pxになります。

メールメール
フォントサイズフォントサイズ

アセット

ヒーローイメージ、グラデーション、WLD通貨シンボル、Orb、World App、World Chainなどのアセットを指します。