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 图标包含深色底。下载后的素材使用仍遵循上方规范。