PAIMON

品牌周边设计指南 · Brand Merchandise Guidelines
原神 · Genshin Impact — "不是应急食品!" — Not Emergency Food!
角色介绍 Character Profile
PAIMON · パイモン · 派蒙
Paimon 派蒙角色立绘
PAIMON · 星辰之伴 · Genshin Impact
PAIMON 派蒙
パイモン · Not Emergency Food · 不是应急食品
所属 AFFILIATION
旅行者之伴 · Traveler's Companion
地区 REGION
提瓦特大陆 · Teyvat
外号 NICKNAME
应急食品 · Emergency Food
神名 DEITY
所罗门七十二柱魔神之一
✦ 视觉设计特征 Visual Design Features
派蒙的外观配色以白色与金色为主基调。她拥有飘逸的银白色长发,头顶佩戴金色星冠(五芒星造型发饰),这是她最核心的视觉标志。双眸呈天空蓝色,闪烁星辰般的光芒。身着白色连衣裙,裙面缀以星形图案,官方宣传图中裙装呈现金色光泽,而游戏建模中则可见微妙的粉色辉光——品牌色彩体系兼容这两种诠释。她以飘浮姿态悬浮于空中,脚下隐现白金色光环,整体形象空灵飘逸,宛如夜空中最亮的星。
☁ 角色性格 Character Personality
派蒙性格活泼率真、嘴馋贪吃、傲娇可爱。她是旅行者在提瓦特大陆冒险的忠实向导与伙伴,虽体型娇小却言语大胆,喜欢给惹她生气的人取难听的绰号。她对美食有着近乎执念的热爱,无论到哪座城市首先关心的是当地好吃的。她偶尔迷糊偶尔犀利,在关键时刻却能给出意想不到的指引。"应急食品"是旅行者对她的戏称,这个梗已成为原神社区最具辨识度的文化符号之一——既是幽默,也是玩家与派蒙之间独特的情感纽带。
提取代表色
星辰金
天空蓝
暮光粉
灵纱白
星夜蓝
品牌内核 Brand Essence
CHARACTER CORE VALUES
派蒙(Paimon)是《原神》中旅行者的忠实伙伴与向导,以小巧飘浮的精灵形态陪伴玩家探索提瓦特大陆。她活泼可爱、率真直爽、嘴馋贪吃,虽然偶尔傲娇,却始终不离不弃。品牌内核围绕四个维度展开:
星辰指引 · Celestial Guidance
派蒙头顶的星冠象征星辰之力,如同夜空中的北极星为旅行者指引方向。品牌以"星"为核心视觉符号,传递守护与引导的情感价值。
空灵飘浮 · Ethereal Float
派蒙飘浮于空中的姿态赋予品牌轻盈、梦幻、超越凡尘的气质。设计中融入漂浮感、透明感、流光感,营造仙境般的视觉体验。
纯真率直 · Pure Innocence
派蒙率真可爱的性格赋予品牌亲和力与温暖感。设计语言柔和圆润,色彩明快纯净,以可爱风格拉近与用户的情感距离。
趣味冒险 · Playful Adventure
"应急食品"梗与派蒙的贪吃形象为品牌注入幽默与趣味,周边设计中融入俏皮元素与互动性,让品牌不只是可爱,更有故事感。
Pantone 代表色 Pantone Representative
OFFICIAL PMS COLOR STANDARD
品牌印刷与实物生产需使用 Pantone 潘通专色体系。派蒙品牌核心代表色为 PANTONE 116 C(Golden Yellow 金黄),该色号是全球品牌设计中最广泛使用的暖金色潘通标准色,色相角 48° 与星辰金的 45° 高度吻合,在暖金色调域内精准传达派蒙星冠的金色意象。作为备选方案,PANTONE 7406 C 可用于需要更偏纯黄调的场景。
PANTONE
116 C
PANTONE 116 C
Golden Yellow · 金黄
✦ 品牌首选代表色
HEX #FFCD00
RGB 255 / 205 / 0
CMYK C:0 · M:16 · Y:100 · K:0
Lab L:84.57 · a:2.88 · b:89.47
HSV H:48° · S:100% · V:100%
与星辰金 #F5C542 的对照:色相角差异仅 3°(48° vs 45°),两者同属暖金色调域。PANTONE 116 C 为纯色专色,饱和度更高(S:100%);星辰金因蓝色通道贡献(B:66)呈微琥珀质感,饱和度略低(S:89%)。在印刷生产中,116 C 精准传达星冠的金色意象;在数字界面中,#F5C542 的琥珀暖调更贴合屏幕显示的柔和观感。
PANTONE
7406 C
PANTONE 7406 C
Warm Yellow Gold · 暖黄金
✦ 备选色(偏纯黄调)
HEX #F1C400
RGB 241 / 196 / 0
CMYK C:0 · M:18 · Y:100 · K:3
HSV H:45° · S:100% · V:94%
备选说明:PANTONE 7406 C 色相角 45° 与星辰金完全一致,属于 Pantone 740 系列中色相最接近的色号。该色号偏纯黄调(无蓝色通道),饱和度极高,适合需要更明亮、更纯粹金色观感的印刷场景,如包装烫金、丝网印刷等。
✦ Pantone 品牌专色使用指南
首选专色 PANTONE 116 C:用于所有品牌印刷物料——包装礼盒、烫金标识、丝网印刷、名片、吊牌、手办底座铭牌等。该色号为国际通用的暖金标准色,全球供应链均可准确匹配。
备选专色 PANTONE 7406 C:用于需要更明亮纯粹金色调的特定场景——如金属烫印、高光装饰线条、节日限定包装等。7406 C 色相角与星辰金完全对齐(均为 45°),视觉上更显活泼纯粹。
数字界面使用 #F5C542:屏幕显示场景继续使用数字色星辰金 #F5C542。该色的微琥珀质感(蓝色通道 B:66)在屏幕 RGB 显示下比纯 Pantone 黄更柔和温暖,更适合 UI 界面观感。印刷与数字场景各有最优色值,这是专业品牌设计的标准实践。
印刷色彩管理:所有印刷品请以最新实物 Pantone 色卡为准,屏幕模拟值仅供参考。建议使用 Pantone PLUS Series CU 色卡(光面铜版纸)或 Color Bridge 色卡进行精确对色。CMYK 四色模拟可能存在偏差,品牌核心元素必须使用 Pantone 专色印刷。
色彩体系 Color Palette
EXTRACTED FROM CHARACTER VISUAL DESIGN
派蒙的色彩体系从角色原画与游戏建模中提取,以白色、金色为主基调,搭配天空蓝与暮光粉作为辅助色,构成"白金星辰"的视觉印象。游戏中派蒙的裙装带有微妙的粉色光泽,官方宣传图则以金色为主,品牌设计兼容两种诠释。
星辰金 Star Gold
#F5C542 HSL 45° 89% 61%
CTA按钮、品牌标识、星冠装饰、金色高光与强调色
深星金 Star Gold Dark
#D4A832 HSL 44° 73% 52%
悬停态、深色强调、金色暗影与渐变终点
亮星金 Star Gold Light
#FFD866 HSL 45° 100% 70%
微高光、背景渐变起点、金色辉光效果
天空蓝 Celestial Blue
#7EC8E3 HSL 198° 60% 69%
辅助强调色、信息态、提瓦特天空与水元素意象
暮光粉 Twilight Pink
#FFB7D5 HSL 340° 100% 80%
次要强调、裙装光泽、柔美氛围与节日限定配色
深空蓝 Deep Sky Blue
#5BAFC7 HSL 198° 53% 57%
悬停态、链接色、深色背景上的辅助高亮
灵纱白 Ethereal White
#F8F6F0 HSL 40° 33% 97%
页面背景、卡片底色、派蒙裙装的白底意象
柔夜黑 Soft Night
#1A1A2E HSL 240° 32% 14%
主文本、标题、深色区块基底(替代纯黑)
星夜蓝 Starry Night
#16213E HSL 220° 46% 16%
深色主题基底、Hero区块、渐变终点色
星光黄 Starlight
#FFFBE6 HSL 48° 100% 97%
浅金底色、标签背景、金色辉光底衬
成功 Success
#22C55E
成功态、确认提示
警示 Warning
#F59E0B
警告、等待态
危险 Error
#DC2626
错误、危险操作
信息 Info
#7EC8E3
信息态、提示(与品牌辅色一致)
CSS 设计变量 Design Tokens
CSS CUSTOM PROPERTIES
/* 派蒙品牌核心设计变量 — Paimon Brand Design Tokens */
:root {
  --paimon-star-gold: #F5C542; /* 星辰金 · 主色 */
  --paimon-star-gold-dark: #D4A832; /* 深星金 · 悬停态 */
  --paimon-star-gold-light: #FFD866; /* 亮星金 · 高光 */
  --paimon-celestial-blue: #7EC8E3; /* 天空蓝 · 辅色 */
  --paimon-celestial-blue-dark: #5BAFC7; /* 深空蓝 */
  --paimon-celestial-blue-light: #A8D8EA; /* 浅空蓝 */
  --paimon-twilight-pink: #FFB7D5; /* 暮光粉 */
  --paimon-ethereal-white: #F8F6F0; /* 灵纱白 */
  --paimon-starlight: #FFFBE6; /* 星光黄 */
  --paimon-soft-night: #1A1A2E; /* 柔夜黑 */
  --paimon-starry-night: #16213E; /* 星夜蓝 */
  --paimon-midnight: #0F3460; /* 深午夜 */
  --radius: 1rem; /* 圆角 16px */
}
字体排版 Typography
FONT SYSTEM
品牌字体选用 Quicksand(西文)与 思源黑体 Noto Sans SC(中文),传达圆润可爱的品牌气质。Quicksand 的圆润笔画与派蒙的柔美外形高度契合,思源黑体保证中文排版的清晰与规范。
HERO PAIMON 700 · 2.8rem
H1 星辰指引旅程 700 · 2rem
H2 不是应急食品! 700 · 1.5rem
H3 周边产品设计规范 600 · 1.25rem
BODY 派蒙是旅行者最好的伙伴,她用星辰的力量守护着每一次冒险。 400 · 1rem
CAPTION CELESTIAL · 星辰系列 · 2026 500 · 0.75rem
LABEL NOT EMERGENCY FOOD 700 · 0.625rem
品牌标识 Brand Identity
LOGO & VISUAL SYMBOLS
✦P
PAIMON
NOT EMERGENCY FOOD · 不是应急食品
品牌标识由星冠符号 ✦(五角星芒)与字母组合构成。星冠符号是派蒙最核心的视觉标志,代表她的身份与守护之力。标识中金色圆角方块内的"✦P"为缩写标志,"PAI✦MON"为完整字标,星芒符号替换了字母"I"的位置,强化星辰主题。标语"不是应急食品"以俏皮方式呼应角色梗文化,拉近粉丝情感距离。
核心视觉符号体系:✦ 星冠五芒星(主标志)、☆ 小星(装饰元素)、☁ 浮云纹样(飘浮意象)、⬡ 六芒星光晕(背景纹理)、✿ 花瓣点缀(暮光粉配色辅助元素)。所有符号均为圆润造型,不使用尖锐棱角。
视觉效果 Visual Effects
GRADIENTS · SHADOWS · GLOW
✦ 星辰辉光 · Star Gold Glow
☁ 天空辉光 · Celestial Blue Glow
✦ 渐变 · Paimon Gradient
叠加渐变 · Overlay Gradient
从底部深色到顶部透明的覆层效果
名称CSS 值用途
star-glow0 0 40px rgba(245,197,66,0.35)星辰辉光效果、Hero 区块
celestial-glow0 0 40px rgba(126,200,227,0.3)天空蓝辉光、辅助强调
paimon-glow0 0 20px rgba(245,197,66,0.4), 0 0 40px rgba(245,197,66,0.3)按钮悬停辉光
card-shadow0 4px 25px rgba(0,0,0,0.1)卡片投影、下拉框
card-hover0 0 30px rgba(245,197,66,0.3)卡片悬停金色辉光
圆角与间距 Border Radius & Spacing
ROUNDED · SOFT · CUTE
派蒙品牌的圆角体系强调圆润柔和,呼应角色的可爱形象。所有元素最小圆角为 rounded-md(8px),按钮使用全圆角 rounded-full,卡片使用 rounded-2xl 至 rounded-3xl,区块使用超大圆角 2rem-3rem。
元素圆角CSS 类
按钮(胶囊形)Fullrounded-full
卡片1rem (16px)rounded-2xl
大卡片/对话框1.5rem (24px)rounded-3xl
输入框0.5rem (8px)rounded-md
徽章Fullrounded-full
区块2rem-3remrounded-[2rem] md:rounded-[3rem]
动效与动画 Animation & Motion
TWINKLE · FLOAT · BOUNCE
品牌动效体系以三个核心动画为基础:星辰闪烁(Twinkle)模拟星冠光芒、飘浮上升(Float)模拟派蒙飘浮姿态、弹跳(Bounce)模拟派蒙活泼的动作。所有动效时长控制在 300ms-700ms,使用 ease-out 曲线,营造轻盈灵动的感受。
/* 星辰闪烁 — 模拟星冠光芒 */
@keyframes twinkle {
  0%, 100% { opacity: 0.4; transform: scale(0.8) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.2) rotate(180deg); }
}

/* 飘浮上升 — 模拟派蒙飘浮 */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* 弹跳 — 模拟活泼动作 */
@keyframes paimon-bounce {
  0% { transform: translateY(0); }
  30% { transform: translateY(-16px); }
  50% { transform: translateY(-8px); }
  70% { transform: translateY(-12px); }
  100% { transform: translateY(0); }
}
效果时长缓动
悬停态300msease-out
卡片悬停300msease-out
图片缩放500-700msease-in-out
淡入上升600msease-out
星辰闪烁3sease-in-out (infinite)
飘浮效果4sease-in-out (infinite)
品牌周边设计 Merchandise Design
PAIMON-THEMED PRODUCTS & PACKAGING
周边产品体系分为六大系列,每条产品线围绕派蒙的某一核心特质展开,配色与视觉风格均与品牌色彩体系对齐。所有产品包装采用灵纱白底色搭配星辰金装饰边框,星冠 ✦ 符号作为统一品牌印记。
星辰指引系列 · Star Guide
以星冠为核心视觉元素的珠宝饰品系列。包括星冠造型耳坠(星辰金电镀)、五芒星项链坠饰、星芒手链。包装为星空深蓝礼盒,内衬灵纱白缎面。
¥168 - ¥588
飘浮幻境系列 · Float Fantasy
围绕飘浮与空灵意象的家居与装饰品。包括飘浮造型水晶球摆件(内置派蒙微缩模型)、星空投影小夜灯、渐变蓝金梦幻抱枕。产品外观使用天空蓝渐变至星辰金的配色方案。
¥88 - ¥328
暮光花园系列 · Twilight Garden
暮光粉配色的可爱生活用品系列。包括派蒙印花帆布包(暮光粉底白印星冠)、毛绒派蒙挂件(暮光粉裙装配色)、星冠造型化妆镜。产品以暮光粉为主色调,搭配灵纱白点缀。
¥48 - ¥198
应急食品系列 · Emergency Food
幽默玩梗系列,以"应急食品"为趣味主题。包括应急食品造型零食罐(星夜蓝罐体+星辰金标签)、派蒙表情马克杯(印有"不要吃我!")、趣味冰箱贴套装(派蒙各种表情)。配色以星夜蓝为基底,星辰金文字与装饰。
¥28 - ¥128
星光文仪系列 · Starlight Stationery
以星光黄与灵纱白为基调的文具与手账系列。包括星冠烫金笔记本(星光黄封面+星辰金星冠烫印)、派蒙插画便签套装、星辰金墨水钢笔礼盒。所有产品封面统一使用星冠 ✦ 烫金符号。
¥38 - ¥268
🎮
冒险旅途系列 · Adventure Journey
面向核心玩家的高端收藏系列。包括派蒙全彩树脂手办(官方配色还原)、星冠造型机械键盘(星辰金边框+星夜蓝键帽)、提瓦特冒险地图桌垫(全色渐变印花)。产品使用全套品牌色彩体系。
¥298 - ¥1,588
包装设计规范 Packaging Guidelines
UNIFIED BRAND PACKAGING SYSTEM
所有周边产品包装遵循统一规范:灵纱白 (#F8F6F0) 底色,星辰金 (#F5C542) 装饰边框(2px 圆角边线),顶部居中放置星冠 ✦ 烫金符号,底部印刷"PAI✦MON"字标与"不是应急食品"标语。高端系列使用星夜蓝 (#16213E) 礼盒替代灵纱白底。
包装结构遵循最小圆角原则(rounded-md = 8px),礼盒使用大圆角(rounded-3xl = 24px)。内衬为灵纱白缎面或星夜蓝绒面,取决于产品定位。环保系列使用可回收纸材,印刷采用星辰金专色 Pantone 10154 C。
设计规范 Do's & Don'ts
BRAND DESIGN RULES
✅ 应该这样做 Do's
使用星辰金 (#F5C542) 作为主强调色,用于CTA按钮、品牌标识与核心装饰元素。
使用 Quicksand + 思源黑体 作为品牌字体组合,保持视觉统一。
使用全圆角按钮 (rounded-full) 营造圆润可爱的品牌形象。
添加金色辉光投影 于卡片与Hero区块:shadow-star-glow 或 hover 时金色辉光。
使用星冠 ✦ 符号 作为统一的品牌视觉印记。
保持充足留白 — 派蒙品牌需要轻盈感与呼吸感。
所有交互元素添加 300ms 过渡动画,保持品牌灵动感。
渐变装饰线 用于区块分割与Hero元素(星辰金→天空蓝)。
❌ 不要这样做 Don'ts
不要使用纯红或纯蓝 作为主色 — 红色与蓝色仅用于功能语义色(错误/信息)。
不要使用尖锐棱角 — 最小圆角为 rounded-md (8px),绝不使用直角。
不要混用其他字体 — 品牌字体组合为 Quicksand + 思源黑体,不可替换。
不要使用纯黑 (#000000) 文本 — 使用柔夜黑 (#1A1A2E) 或带透明度的黑色。
不要创建扁平无层次的设计 — 必须添加微妙投影或辉光营造深度感。
不要忽略无障碍设计 — 保持对比度,使用正确的焦点状态。
不要在周边产品中使用非品牌配色 — 所有产品必须对齐品牌色彩体系。
响应式设计 Responsive Design
MOBILE-FIRST · BREAKPOINTS
断点宽度用途
sm640px小尺寸平板
md768px平板
lg1024px笔记本
xl1280px桌面显示器
2xl1536px大屏幕
品牌设计遵循移动优先原则。移动端Hero区块高度 85vh,桌面端 95vh;移动端标题字号 3.2rem,桌面端可达 11rem;移动端Logo仅显示 ✦P 缩写方块,桌面端显示完整"PAI✦MON"字标;移动端CTA按钮纵向堆叠,桌面端横向排列。