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 三種字重。這是所有內容的基礎,任何例外或新增皆需內部批准。

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 Collection 是現代襯線字家族,適合編輯類排版。Tiempos Headline 專為大型標題設計,兼具實用性與優雅。

Visual representation of secondary fonts for World brand guidelinesVisual representation of secondary fonts for World brand guidelines
字重

以下為 World 品牌所採用的 Tiempos Headline 兩種字重。任何例外或新增皆需內部批准。

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

漸層格線可創造繽紛、表現力強的圖像,主要有兩種用法:

  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

產品圖標需於不同尺寸下維持統一厚重感。基準值為尺寸 60 px 時線條寬為 1.0 px,調整尺寸時,線條粗細亦須符合光學顯示一致的標準。

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.

當圖標與版面中其他元素一同出現時(如網站),圖標應統一排於左上角。若無其他元素且僅有圖標時,也可置於版面中央。

左上角
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 等的資產。