World デザイン プロトコル

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

デザイン原則

  • 人間らしさ

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

  • 普遍性

    国や文化・歴史の違いを越え、誰にでも直感的に伝わるデザインを通じて、すべての人がアクセスできることを目指しています。

  • 楽観性

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

ブランド概要

すべてのツールは、「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.

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

Worldロゴ

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

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

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

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

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.

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

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

クリアスペースとは、レイアウト内でロゴと他の要素との間に必要な最小限の余白を指します。ロゴの周囲に確保すべきクリアスペースは、「world」の文字中にある“o”の幅を基準としています

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

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

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.

カラーとグラデーション

ニュートラル
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.
柔らかさ、繊細さ、洗練、落ち着き、控えめさ、安らぎ
プライマリーカラー
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.
静けさ、誠実さ、穏やかさ、内省、知恵、信頼
セカンダリーカラー
Color palette representing vibrancy, happiness, energy, and inclusivity for World branding guidelines.Color palette representing vibrancy, happiness, energy, and inclusivity for World branding guidelines.
活力、幸福、鮮やかさ、楽観性、エネルギー、多様性
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

グラデーションを作成する (PDFチュートリアル)

  • Worldグラデーションは、コアブランドシステムにおける重要な要素のひとつです。希望と楽観性を表現し、背景として使用することで、ブランドを象徴するビジュアル要素として認識されます。
  • 使用する際は、指定された色のみを使用してください。
  • グラデーションはビットマップとして作成し、その後に着色します。ビットマップの解像度は、次ページのガイドラインに従って設定してください。
Color gradient examples for World brand guidelinesColor gradient examples for World brand guidelines
グラデーション - 解像度
解像度が低すぎる
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.
適切な解像度
Illustration related to World brand guidelines, symbolizing adaptability and suitability.Illustration related to World brand guidelines, symbolizing adaptability and suitability.
解像度が高すぎる
Visual representation related to World brand guidelines, emphasizing design principles and assets.Visual representation related to World brand guidelines, emphasizing design principles and assets.

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

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.

タイポグラフィ

Lausanneは、洗練されたモダニズムを体現するサンセリフ体で、本文にも見出しにも幅広く対応できる高い汎用性を備えています。クラシックなサンセリフの名書体と肩を並べつつ、デジタルタイポグラフィ特有の特性を融合しています。Worldブランドで使用される唯一のフォントです。

The primary font used in World brand guidelinesThe primary font used in World brand guidelines
太さ

Worldブランド全体で使用されるLausanneのフォントの太さは以下の3種類です。これらはすべてのコンテンツの基盤となるものであり、例外や新たな追加を行う場合は、社内での承認が必要です。

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

基本的に、次のルールはブランドメッセージ内のほぼすべてのタイポグラフィのシナリオに適用できます。

本文や長文テキストには300ウェイトを使用します。見出しや大きなディスプレイテキストには400ウェイトを使用し、サブヘッドや小見出しには、メイン見出しよりやや小さくしつつ力強さを保つために450ウェイトを使用します。

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.
行間と文字間
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
整列
Visual representation of text formatting guidelines for World brandVisual representation of text formatting guidelines for World brand

Tiemposコレクションは、エディトリアルデザインのために作られたモダンなセリフ書体です。Tiempos Headlineは大きな見出しサイズ向けに設計されており、実用性と優雅さのバランスを兼ね備えています。

Visual representation of secondary fonts for World brand guidelinesVisual representation of secondary fonts for World brand guidelines
太さ

以下は、Worldブランド全体で使われているTiempos Headlineの2種類の太さです。例外や追加がある場合は、すべて社内承認が必要です。

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

Tiempos Headlineは、私たちのセカンダリーフォントであり、特定のケースでのみ使用されます。ブランドがユーザーに直接話しかけ、親近感を与えたいときに主に使用されます。

使用用途は広告、マーチャンダイジング、UX内の特定画面などです。すべてのコンテンツ、および例外や追加は社内承認が必要です。

フォントの役割

ソーシャルメディア投稿、キャンペーン、限定感のある表現に使用

Tiemposは、ブランドの表現に温かさと人間らしさをもたらします。ユーザーとより近い距離で心地よく語りかけたい場面に適しており、親しみやすさと上品さを両立したトーンを生み出します。

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.

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

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

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.
中国語(簡体字・繁体字):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.
日本語: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.
アラビア語: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.
ベンガル語: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
ヘブライ語: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.
キリル文字:Noto Sans

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

Visual representation related to World brand guidelines, showcasing design principles and assets.Visual representation related to World brand guidelines, showcasing design principles and assets.

構成

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

Visual representation related to World brand guidelines, showcasing design principles and assets.Visual representation related to World brand guidelines, showcasing design principles and assets.
内部資料

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

World logo placement guidelines for branding consistencyWorld logo placement guidelines for branding consistency
単独ロゴ

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

Illustration depicting the placement guidelines for the World logo in branding materials.Illustration depicting the placement guidelines for the World logo in branding materials.
ソーシャルメディアプロフィール
Visual representation of the logo placement guidelines for World branding.Visual representation of the logo placement guidelines for World branding.
グラデーション上のロゴ

ロゴをグラデーション背景に配置する場合、可読性を保つために、必ず明るい部分に配置してください。

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.

イラストレーション

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

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

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

例 1 - 棒グラフ
Bar chart example illustrating World brand design guidelinesBar chart example illustrating World brand design guidelines
例 2 - 縮尺モデル
Example 2 of a relative model in World brand guidelinesExample 2 of a relative model in World brand guidelines
例 3 - 価格グラフ
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

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

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

アイコングラフィー

識別性とナビゲーション性を高めるため、各プロダクトには対応するアイコンが設定されています。これらのアイコンは、それぞれのプロダクトイラストを簡略化した形としてデザインされています。

Visual representation of World brand guidelinesVisual representation of World brand guidelines

プロダクトアイコンは、サイズが異なっても線の太さに一貫した印象を保つ必要があります。基準となる線の太さは、アイコンの幅が60pxのときに1.0pxとし、サイズを拡大または縮小する際は、視覚的に基準の見え方と一致するように太さを調整してください。

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.

アイコンをWebなどのレイアウト内で他の要素と一緒に使う場合は、常に左上に揃えてください。複数のアイコンのみが表示され、追加の要素がない場合には、構成の中央に配置することも可能です。

左上
Graphic representing design elements and principles of the World brand guidelines.Graphic representing design elements and principles of the World brand guidelines.
中央
Graphic representing the center of World branding guidelinesGraphic representing the center of World branding guidelines

アセット

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