27u
安全留白
從可見筆畫外緣起，與文字、圖片或邊緣之間至少保留一個主圓半徑（27u）的淨空，並隨標誌等比縮放。
PAEAN / DESIGN SYSTEM
一種語言，無限創造。
Paean 的視覺語言。從品牌標誌、色彩與字體，到 App 圖示，讓每一個想法出現的地方，都擁有清晰、一致的品牌表達。
取得品牌素材Living Mark · 品牌視覺規範01 — PAEAN
01品牌標誌
Paean 字標與獨立符號，和 8x、Zero 共享幾何設計語言。使用原始向量素材，完整保留曲線、漸層與比例。
Paean
8x
Zero
Paean
8x
Zero
Paean 在深淺背景上使用同一份標誌；8x 和 Zero 分別提供深底與淺底版本，請保留各自的漸層色彩位置與透明度。
02使用規範
讓標誌擁有呼吸的空間。以下尺寸描述品牌原稿，實際使用時仍需檢查最終顯示大小下的清晰度。
16 / 88px
最小尺寸
獨立符號不小於 16px，完整字標寬度不小於 88px。這是尺寸下限；瀏覽器分頁請使用專用 favicon。
r27 / 8u
原始幾何
Paean 獨立符號的主圓半徑為 27u，筆畫寬度為 8u。保持長寬比、圓端點與原始漸層方向。
建議用法
- 使用完整字標，或使用獨立符號搭配一般文字產品名。
- 選擇乾淨的背景，並保留建議的安全留白。
- 網頁及需要縮放的版面優先使用原始 SVG。
避免的用法
- 不要在完整 Paean 字標旁再加上一個獨立 P 符號。
- 不要拉伸、旋轉、裁切、改色，或替標誌額外描邊、加入特效。
- 不要用字體重排字標，也不要去掉 8x 漸層兩端的淡出效果。
03色彩系統
讓顏色各司其職。標誌漸層負責品牌識別，介面色負責閱讀與操作，不同用途保持清晰。
Paean 品牌漸層
青色
#67E8F9
藍色
#2E7CFF
紫色
#8B5CF6
三個色彩位置：0% 青色、55% 藍色、100% 紫色。使用 SVG 原稿，保留既定的漸層方向。
品牌展示底色
用於上方標誌展示的深、淺兩種背景。
深色背景
#04060D
淺色背景
#EEF3FA
網站介面色
官網在不同主題下分別定義背景、面板、文字與互動強調色。以下色票用於介面，不替代 Logo 的原始顏色。
深色背景
背景
#04060D
面板
#0D111D
內文
#EEF3FA
次要文字
#939DAF
強調色
#80DFF3
淺色背景
背景
#EEF3FA
面板
#FFFFFF
內文
#111C32
次要文字
#5D6C81
強調色
#225FD5
前景與背景應保持清晰可讀的對比。漸層用於品牌識別和有意的重點表達；狀態資訊同時搭配文字或圖示。
04字體排版
清晰的層級，讓作品成為焦點。展示字體用於簡短主張，內文字體用於閱讀，等寬字體用於精確的資訊。
展示標題 · Outfit
簡短標題，自然換行。
Ideas take shape.
內文與介面 · Inter
內文與介面文案，保持舒適的行距。
讓想法成為可以使用、續創與分享的作品。
資料與標籤 · JetBrains Mono
色碼、尺寸與簡短標籤。
01 / PAEAN / #67E8F9
中文使用系統 CJK 字體作為備援。Paean 幾何字標是獨立的向量圖形，不使用以上字體重新排版。
05App 圖示
與下載頁面保持一致的新版 App 圖示，保留各自的品牌符號、深色背景與內建留白。
1024 × 1024 原稿。SVG 適合縮放，PNG 可直接用於圖片素材。請完整使用圖示；PWA 自適應圖示請使用下方的專用匯出檔。
前往應用程式下載06素材下載
為下一份設計準備的原始向量與 App 圖示。請根據展示背景選擇對應版本。
Paean 完整字標SVGPaean 獨立符號SVG8x · 深底版SVG8x · 淺底版SVGZero · 深底版SVGZero · 淺底版SVGPaean 網站圖示PNG · 32pxPaean 自適應圖示PNG · 512px
SVG 標誌為透明背景，App 圖示包含深色底。下載後的素材使用仍遵循上方規範。