World デザインプロトコル
デザイン原則、ガイドライン、アセット
デザイン原則
人間らしさ
人間がもつ自然で予測できない一面こそが、イノベーションを生み出す源であると信じています。
普遍性
国や文化・歴史の違いを超え、誰にでも直感的に伝わるデザインを通じて、すべての人がアクセスでき、グローバルなつながりを実現することを目指しています。
楽観性
人間の可能性を信じ、テクノロジーがすべての人の力を引き出し、可能性をさらに広げていくと信じています。
ブランド概要
すべてのツールは、「World」というコアブランドのもとに存在しています。
ビジュアル・アイデンティティ
Worldロゴ
Worldロゴは、私たちのブランドを象徴するビジュアルの要です。シンプルで明快、そして普遍的。時を超えて受け継がれるデザイン原則に基づき、アクセシビリティ、イノベーション、そして世界とのつながりへの私たちの想いを体現しています。
ロゴマークは、ブランドアイデンティティの核となる要素です。常にオリジナルの形で使用し、視認性と印象を保つために、周囲に十分な余白を確保してください。形の改変や歪み、指定外のカラーの使用は、ブランドの一貫性を損なうおそれがあります。
ワードマークは、ブランドのビジュアルアイデンティティを構成する重要な要素です。ロゴシンボルと調和しながら、ブランド名を明確かつ洗練されたかたちで伝えます。ワードマークの形状を変更したり、引き伸ばしたり、承認されていない効果を適用したりすることは禁止されています。
ロゴロックアップは、ロゴシンボルとワードマークを組み合わせた統一デザインであり、ブランドを最も完全な形で表現します。ロックアップは必ず提供された形式のまま使用し、各要素の比率・間隔・整列を正しく保ってください。要素を個別に分離、再配置、またはサイズ変更することは避けてください。一貫性を保つために、サイズ・余白・配置に関するガイドラインを必ず参照してください。
クリアスペースとは、レイアウト内でロゴと他の要素との間に確保すべき最小限の余白を指します。ロゴの視認性と独立性を保つため、周囲には十分なクリアスペースを設けてください。クリアスペースは、「world」の文字に含まれる“o”の幅を基準として定義されています。
ロゴとカラーについての推奨事項
ロゴとカラーについての禁止事項
パートナーシップやコラボレーションを示す場合、Worldロゴは他のブランドのロゴと以下の形式で組み合わせることができます。


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




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


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


行間と文字間
整列
World Pro Regularは、見出しにも本文にも使える汎用性の高いウェイトです。階層は主にサイズの違いによって表現されます。
World Pro Mediumは、より強調が必要な小さなサブ見出しに使用します。






Notoフォントは、ラテン文字以外の文字体系を幅広くサポートするために、主要なラテンフォントと併用しています。Notoは世界中の言語を網羅する高い対応力を持ち、中国語、アラビア語、キリル文字、日本語など多様な文字体系においても、統一感のある美しいタイポグラフィを実現します。
このアプローチにより、私たちはブランドの一貫性と包括性を維持し、可読性や美観を損なうことなく、世界中のユーザーに母国語の文字体系で情報を届けることができます。
World Proが利用できない状況(例:Google Slidesなど)では、Google Fontsライブラリの代替フォントを使用できます。本文にはInterを使用し、見出しにはInter Tightを使用します。使用できるのはGoogle Fontsライブラリのこれらのフォントのみで、World Proが利用できない場合に限り使用してください。
構成
グリッドは、デザインシステムにおける最も重要なツールのひとつです。すべてのレイアウトや構成において不可欠であり、常に使用する必要があります。2、4、6、8列など、グリッドの列数はアートボードのサイズや要素の数によって異なりますが、すべての要素は基準となるグリッドに沿って整列させ、マージンに対して均整の取れた間隔を保つようにしてください。
内部資料
すべての内部資料およびブランド関連資料において、ロゴが他のアセットやコンテンツとともに表示される場合、一貫性を確保するためにレイアウトの左上にロゴを配置します。
単独ロゴ
ビデオカードや特定のキャンペーンや発表など、ロゴが唯一の要素であるレイアウトでは、ロゴはレイアウトの中央に配置します。
ソーシャルメディアプロフィール






イラストレーション
主要なWorld製品には、それぞれの特性や提供価値に基づいたイラストレーションが用意されています。
データを表現するには多くの方法がありますが、一貫したスタイルを適用する必要があります。 グラフとグラフの幾何学的形状、塗りつぶしと色の微妙で意図的な使用方法は、データ可視化グラフィックス内の一貫した要素です。
グラデーショングリッドは、カラフルで表現力豊かなグラフィックとして機能し、主に次の2つの方法で使用されます:
- 国の地図の色をグラデーションの遷移に用いた、ローカライズ表現
- 特定の色に依存せず、雰囲気やエネルギーを表現するアンビエントグラフィック。




アイコングラフィー
以下は、現在利用可能なアイコンの一覧です。今後さらにアイコンが作成される予定ですが、一貫性を保つため、必ず設計ガイドラインに従って作成する必要があります。
Worldのアイコンは、書体の延長として設計されており、線の太さやカーブが反映されています。
テキストと組み合わせるすべてのアイコンは、書体と調和するよう、同じ比率と配置を維持することが重要です。横長の長方形アイコンはキャップハイトの上端と下端に揃い、垂直方向の中央に配置されるよう設計されています。
アイコンサイズ
すべてのSVGアイコンは標準フレーム内に配置されています。タイポグラフィとのサイズの一貫性を保つため、アイコンフレームには「フォントサイズに1.07を掛ける」という式を適用できます。たとえば、フォントサイズが180pxの場合、アイコンフレームの幅は(180x1.07)=192.6pxになります。
アセット
ヒーローイメージ、グラデーション、WLD通貨シンボル、Orb、World App、World Chainなどのアセットを指します。



