軌道
象徵我們持續推動、跨越市場、貨幣與平台的交易。如同旋轉的硬幣或遙遠的銀河，是一道傾斜、未閉合的緞帶。
Tokenz 品牌指南
1.0 版，2026 年 9 月
Tokenz 品牌指南。 Commercein motion.
企業識別與品牌指南
完整的視覺系統，延伸至每個應用場景。
01
品牌
讓商務前行的路，更清晰。
Tokenz 為世界各地的數位平台承擔支付、稅務與合規工作。品牌識別也應傳達同樣的服務精神：專業可靠、開放包容，持續向前。
品牌理念
是代幣，也是銀河
Commerce in motion.
這個圖形，既像一枚代幣，也像一個銀河：交易沿著軌道，環繞明亮的中心運行。那個中心，就是 Tokenz。
我們是推動商務、讓它持續運轉的光芒。環形始終留有開口，因為流動從不停歇。透過尺度與構圖表現這股動能，同時讓資訊保持清楚、沉穩。
中心光芒
代表 Tokenz 本身。它是帶動流轉、凝聚軌道的明亮中心，就像銀河繞著核心旋轉。
字標
專門繪製的小寫字形，帶有銳利、精準的切角。刻意保持低調，讓軌道的動感成為主角。
品牌個性
每次決策，都回到這三個特質
對版面、文案或圖片有疑慮時，就用這三個特質來判斷。
清晰
讓下一步一目了然。
一個構圖只傳達一個重點，一個畫面只保留一個主要操作。移除所有無助於判斷的元素。
篤定
用事實說話，用白話溝通。
價格、稅額、日期與服務範圍都要精確。自信來自證據，而非誇大其詞。
持續前行
傳達進展，不增加視覺干擾。
以尺度和裁切帶出版面的方向感。標誌只使用官方動畫呈現動態。
文字語氣
像值得信賴的夥伴一樣說話
讀者正在經營事業。他們要的是答案、數字，以及下一步。就按這個順序說。
直接、
| 原則 | 建議寫法 | 避免寫法 |
|---|---|---|
| 先說要做什麼 | 建議： 開始在日本銷售。 | 避免： 開啟商務的革命性未來。 |
| 讓自信有根據 | 建議： 在服務涵蓋的市場，我們代辦 VAT 登記、申報與繳納，每筆申報都能在後台查看。 | 避免： 保證讓您的事業脫胎換骨。 |
| 給出有用的指引 | 建議： 刷卡未成功。請換一張卡，或使用超商付款。 | 避免： 發生錯誤，請再試一次。 |
| 把金額說清楚 | 建議： £4.79，已含 20% VAT。 | 避免： 約 £5，另加適用稅費。 |
| 行銷文案要簡潔 | 建議： Commerce in motion. | 避免： 終極全方位新世代支付解決方案。 |
名稱寫法
品牌名稱的寫法
在一般文字中，品牌名稱一律寫作 Tokenz，T 必須大寫。全小寫的形式只出現在標誌原稿中。
正確寫法
- Tokenz公司與平台名稱
- Tokenz Docs產品名稱保留原本的大小寫
- Tokenz API縮寫保持全大寫
- 決済はTokenzで日文文案中的品牌名稱仍用拉丁字母
錯誤寫法
- tokenz在句子中全用小寫
- TOKENZ即使是標題，也不能全用大寫
- TokenZ把中間的字母改成大寫
- Tokens與一般名詞混淆
02
標誌
一個標誌，不重新繪製。
軌道、中心光芒與字標是一組比例固定的原稿。製作時，務必從母版檔案開始。
主要組合標誌
為背景選對標誌
只要需要讓觀眾認出品牌名稱，就使用完整的組合標誌。試著選擇背景：標誌會切換為可用的配色，或說明為何不能使用。
此背景適用的檔案： tokenz_lockup_ink.svg
- 母版原稿105 × 27 單位
- 長寬比3.89 : 1
- 圖形標誌與字標的間距10 單位
使用層級
組合標誌、圖形標誌與 App 圖示
組合標誌用來介紹 Tokenz；圖形標誌適用於品牌名稱已為人熟知的場合；App 圖示則將圖形標誌放在專屬的背景中。
組合標誌 預設
網站、文件、招牌、合作夥伴頁面，以及任何首次接觸品牌的場合。
圖形標誌
網站小圖示、小型硬體、服飾細節、空間有限的介面，以及附近已有完整品牌名稱的場合。若同一視野內有組合標誌，也能放大使用於展位牆面或海報。
App 圖示
以銀河為背景的圖形標誌：深色模式是深色星空配白色標誌，淺色模式是淡色星雲配 Ink 標誌。圖形置於正方形畫布中央，佔圖示的 70%。
主畫面
縮至 60 px，仍能看出環形的開口。
網站小圖示
16 px 是絕對最小尺寸，且僅限此用途。
社群頭像
裁成圓形時，圖形標誌周圍須保留 20% 的留白，避免環形碰到邊緣。
配色版本
一次只用一個顏色
標誌一律使用單一平塗色。各種用途都以預設配色為主：淺色背景用 Ink，深色背景用 Stone。
無論把 Olive 用在標誌本身，或作為標誌的背景，都必須先取得 Tokenz 設計團隊核准。
留白與最小尺寸
為標誌留出空間
留白的計算方式是 x = H / 4，其中 H 為圖形標誌的高度，也是組合標誌的高度。四周都須保留至少 x 的空白。
拖曳滑桿調整大小。留白區與數值會同步更新；低於最小尺寸時，標誌會變紅。
- 寬度
- 高度（H）
- 留白（x）
- 含留白的整體尺寸
| 媒介 | 組合標誌最小尺寸 | 圖形標誌最小尺寸 | 備註 |
|---|---|---|---|
| 螢幕 | 寬 96 px | 24 px（網站小圖示為 16 px） | 以 CSS 像素計算 |
| 印刷 | 寬 25 mm | 6 mm | 以實際材質確認原尺寸打樣。 |
| 刺繡與雕刻 | 寬 100 mm | 25 mm | 請製作廠商測試環形開口能否清楚呈現 |
合作夥伴標誌組合
並列呈現，各自鮮明
對齊視覺份量，而非寬度。合作夥伴標誌的高度不得超過 H，分隔線兩側各留一個 H 的間距。不使用分隔線時，兩個標誌之間須留一個 H。
- 01不得把合作夥伴名稱併入 Tokenz 字標，也不得另做新的合併標誌。
- 02在合作關係與設計稿尚未經雙方核准前，不得暗示品牌背書。
- 03聯名設計稿由 Tokenz 設計團隊提供。
照片上的標誌
找出照片中最安靜的位置
把組合標誌放在圖片最簡潔的區域，並選擇對比最清楚的顏色。如果找不到合適區域，就重新裁切。不得在標誌背後加底框或底板。
深色、簡潔的區域使用 Stone
明亮的中央區域使用 Ink
平整牆面使用 Ink
繁雜背景會干擾軌道辨識
禁止用法
保護品牌的辨識度
這些範例以實際原稿製作，讓問題一目了然。如果需求超出指南範圍，請先洽詢設計團隊。
03
色彩
沉穩的基底，一抹鮮明的訊號。
Stone 與 Night 撐起版面，Ink 承載文字，Olive 標示價值的流動。正因為少用，才更有份量。
核心色盤
以四個顏色為核心
這些色彩直接取自 Tokenz 設計系統，讓品牌、產品與程式碼共用同一套標準。點選數值即可複製。
Olive標示價值流動的訊號。
Ink淺色背景上的文字、線條與標誌。
Night深色版面與品牌重點時刻的舞台。
Stone畫布，也是預設背景。
配色比例
各色所佔的比例
行銷可以比產品介面更大膽，但兩者都應少量使用 Olive。用得太多，就只像套用萊姆綠模板，失去品牌特色。
行銷與活動版面面積的約略比例
文件與產品介面
Olive 的角色
Olive 要用得有理由
Olive 標示價值的流動：深色背景上的圖形標誌、每個畫面的一個主要操作，以及確認完成的時刻。
適合使用 Olive 的場合
- Night、Seaweed 或 Deep olive 上的圖形標誌與組合標誌
- 深色畫面中的一個主要操作
- 成功與確認完成的時刻
- 活動版面的底色，搭配 Night 文字與標誌
- 大型版面上的細窄重點色帶
不適合使用 Olive 的場合
- 淺色背景上的文字或標誌（Olive dark 僅限大字：24 px，或 19 px 粗體）
- 錯誤、警告或破壞性操作
- 長篇閱讀頁面與內文
- 標誌上的漸層、色調變化或光暈
- 同一畫面中，多個互相爭奪注意力的重點色
04
字體與排版
清晰的字形，自然的閱讀節奏。
拉丁文字使用 Hanken Grotesk，日文使用 UD Shin Go。字標始終使用原稿。
Hanken Grotesk
一個字體家族，三種字重
Light 僅用於大尺寸展示文字，讓標題更沉穩。Regular 用於閱讀，Medium 用於標籤與強調。
依 SIL Open Font License 免費提供，下載來源： Google Fonts.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ¥ $ € £ ₩ % & @
Light 300
展示文字，48 px 以上
主視覺文案、章節標題、海報。
Regular 400
內文與標題
所有需要長時間閱讀的文字。
Medium 500
標籤與強調
導覽、按鈕、短標籤。
日文
UD Shin Go：與拉丁文字搭配調整
日文使用 UD Shin Go NT Pro，這是一款以易讀性為核心的通用設計黑體。網站未取得授權時，使用 Noto Sans JP 作為備用字體。
世界中の決済を、
ひとつのチェックアウトで。
- 01拉丁文字設為日文字級的 110%，讓兩種文字在視覺上維持一致的尺寸層級。
- 02日文句子中的「Tokenz」仍以拉丁字母書寫。
- 03日文內文使用 Regular。日文展示文字的字重也不得低於 Regular。
決済、税務、コンプライアンスまで。Tokenz がまとめて引き受けます。
文字層級
每種媒介，都有合適的節奏
透過字級與字重建立層級，文字越大，字距越緊。螢幕上的內文以 16 px 字級、24 px 行高為起點。
Commerce in motion.
下一步，清楚明瞭。
在您選擇的市場開展銷售
在服務涵蓋的市場，Tokenz 承擔 VAT、GST 與消費稅，從登記到繳納一手包辦。您的團隊可以專心開發。
Merchant of record
¥1,200 $8.00 €7.40
05
圖形語言
讓軌道帶動視覺節奏。
尺度、空間與動能。一個放大的軌道就能構成整個版面，但同一畫面也必須有完整標誌。
放大的軌道
有目的地裁切
把單一放大的圖形標誌裁切在版面邊緣，就能讓任何媒介呈現 Tokenz 的特色。此時它是圖形元素，而非標誌，因此可以出血至邊緣。
- 01一個構圖，只用一個。 不得重複、平鋪或堆疊軌道。
- 02露出環形的 30–70%， 並保留至少一處開口，讓未閉合的形狀仍可辨識。
- 03維持原本的角度。 可自由裁切與縮放，但不得旋轉或鏡像。
- 04務必搭配完整標誌 ，且置於同一視野內。裁切圖形不能取代標誌。
- 05在文字背後，降低存在感： Night 上用 Leopard 或 Seaweed，Stone 上用 Cassius。只有裁切圖形本身就是主訊息時，才使用完整強度的 Olive。
視覺風格
讓材質看起來真實
柔和日光、真實材質、大量留白。質感應襯托品牌，而非搶走注意力。
淺色
有方向的自然光，以及合理的接觸陰影。不使用亮面人工質感或霓虹效果。
材質
棉布、非塗佈紙、霧面金屬、洞石與灰泥。Olive 只出現在一件物品上，不作為整張照片的濾鏡。
構圖
一個清楚的視覺焦點，搭配充足留白。預留簡潔區域，讓標誌有地方安放。
06
動態設計
讓每個動作，都有意義。
由軌道帶動流轉，其餘元素保持沉穩。
標誌動畫
動的是軌道
軌道的開口沿著環形移動，最後回到定位，如同價值在系統中流轉、完成結算。
07
應用範例
走出螢幕，也一樣鮮明。
從托特包到東京的大型看板，使用同樣的標誌、色盤與克制的表現方式。
實體應用
打造一致的實體世界
這些概念示意呈現設計意圖。最終製作稿請使用母版檔案與製作廠商提供的模板。
應用場景以母版原稿為參考，由 AI 生成，僅供概念示意，並非生產打樣。
社群與數位
靈活的內容發布系統
依管道調整構圖。標誌與訊息須位於四周 10% 的安全邊界內，並為 1:1、4:5 與 9:16 分別重新編排。
08
資源
實用的入門套件。
母版檔案，以及指南未涵蓋時的諮詢對象。
下載
標誌檔案
SVG 是母版檔案；PNG 是高解析度、透明背景的螢幕用圖檔。不得從示意圖或截圖擷取標誌。
檔案命名格式為 tokenz_{asset}_{variant}.{format}。variant 表示標誌顏色（例如 tokenz_symbol_olive.svg），或 App 圖示的模式（例如 tokenz_app-icon_dark.png）。
| 預覽 | 素材 | 色彩 | 適用背景 | 下載 |
|---|---|---|---|---|
| 組合標誌 tokenz_lockup_ink | Ink | Stone、Green stone、White，以及簡潔的淺色照片 | ||
| 組合標誌 tokenz_lockup_stone | Stone | Night、Ink，以及簡潔的深色照片 | ||
| 組合標誌 tokenz_lockup_white | White | 需要純白的深色材質、布料與雕刻 | ||
| 組合標誌 tokenz_lockup_olive | Olive | Night、Seaweed、Deep olive，須經設計團隊核准 | ||
| 組合標誌 tokenz_lockup_night | Night | Olive 底色，須經設計團隊核准 | ||
| 圖形標誌 tokenz_symbol_ink | Ink | Stone、Green stone、White，以及簡潔的淺色照片 | ||
| 圖形標誌 tokenz_symbol_stone | Stone | Night、Ink，以及簡潔的深色照片 | ||
| 圖形標誌 tokenz_symbol_white | White | 需要純白的深色材質、布料與雕刻 | ||
| 圖形標誌 tokenz_symbol_olive | Olive | Night、Seaweed、Deep olive，須經設計團隊核准 | ||
| 圖形標誌 tokenz_symbol_night | Night | Olive 底色，須經設計團隊核准 | ||
| App 圖示 tokenz_app-icon_dark | 星空上的白色標誌 | 深色模式主畫面與商店頁面（滿版正方形） | |
| App 圖示 tokenz_app-icon_light | 淡色星雲上的 Ink 標誌 | 淺色模式主畫面與商店頁面（滿版正方形） |
- 1.02026 年 9 月。 軌道識別的第一版，全面取代過去的星形標誌。