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 品牌中用於表現及實用目的。範例如活動徽章的不同通關等級色碼、發佈材料的在地化漸層旗幟色彩、用戶界面的色彩語意及表現性輔助視覺等。

葡萄牙葡萄牙
英國英國

字體

World Pro 為所有使用、整合 World、與 World 互動的人員打造,目的為擴展並提供全球通用的視覺系統,是 World 品牌使用的唯一字體。

World proWorld pro

World Pro 字體

字重

World Pro 有兩種字重:Regular 和 Medium。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
World 品牌指引中折疊區的視覺呈現,展示 Noto Sans JP 字體。World 品牌指引中折疊區的視覺呈現,展示 Noto Sans JP 字體。
日文:Noto Sans JP
Noto Sans Arabic 字體在 World 品牌指引中的圖像呈現Noto Sans Arabic 字體在 World 品牌指引中的圖像呈現
阿拉伯文:Noto Sans Arabic
以 Noto Sans Bengali 字體展示孟加拉文的品牌排版視覺呈現。以 Noto Sans Bengali 字體展示孟加拉文的品牌排版視覺呈現。
孟加拉文:Noto Sans Bengali
品牌指引中的 Noto Sans Hebrew 字體範例品牌指引中的 Noto Sans Hebrew 字體範例
希伯來文:Noto Sans Hebrew
折疊區元素圖像,與 World 品牌相關並強調 Noto Sans 西里爾字體。折疊區元素圖像,與 World 品牌相關並強調 Noto Sans 西里爾字體。
西里爾文:Noto Sans

在無法使用 World Pro 的情況(如 Google 簡報)下,可使用 Google Fonts 字體庫中的替代字體:內文用 Inter 字體;標題用 Inter Tight 字體。僅在無法使用 World Pro 時才可採用這些 Google Fonts 中的字體,且僅限這些字體。

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 品牌指引與設計原則相關的圖像呈現

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

  1. 作為在地化呈現,以該國地圖的色彩作為漸層過渡色取樣依據
  2. 純粹表現氛圍和活力的背景圖案,無特定色彩需求。
例 1-哥倫比亞
哥倫比亞哥倫比亞
例 2-阿根廷
阿根廷阿根廷

圖標設計

以下是目前現有的所有圖示。未來可以也將創造更多圖示,但必須遵循製作指引,以保持一致性。

World 圖示是我們字體的延伸設計,反映了筆畫的粗細和曲線。

所有與文字搭配使用的圖示都必須維持相同比例與對齊方式,與字體和諧一致。圖示設計時,橫向矩形圖示需對齊大寫文字的頂部和底部,並垂直置中。

範例組 範例組
圖示尺寸

所有 svg 圖示都應包含在標準框內。為維持與字體相對的一致尺寸,可對圖示框套用公式:字體大小乘以 1.07,即為圖示框大小。例如:字體大小為 180px,圖示框的寬度應為 (180x1.07)=192.6px。

郵件郵件
字體大小字體大小

資產

用於主視覺、漸層、WLD 代幣符號、Orb、World App、World Chain 等的資產。