桃喜 · 轻奢
DOROTHY · VISUAL IDENTITY SYSTEM
版本 2.0 · 2026-06
品牌概述
桃喜轻奢 · 美甲美睫品牌 · 品牌色 #6c1317
品牌定位：轻奢美甲美睫，主打年轻女性客群。
品牌调性：温暖、精致、专业、有品质感。
核心色彩灵感：熟透的红桃 + 暖金色调，传递"桃"的意象与轻奢质感。
色彩体系
主色、辅助色、功能色完整定义
🎨 品牌主色
品牌色 Primary
#6c1317
浅色 Light
#a85c5f
极浅色 Lightest
#e8c5c7
暗色 Dark
#3d0a0c
🌿 辅助色
成功/绿色
#2e7d32
信息/蓝色
#1565c0
警告/橙色
#e65100
危险/红色
#c62828
📐 中性色
背景色
#f5f5f5
边框色
#eee
次要文字
#777
正文色
#333
字体规范
中文与英文的字体层级定义
H1 · 页面标题 · 26px · 700 · Noto Serif SC
桃喜轻奢美甲管理
H2 · 板块标题 · 18px · 600
好评等级配置
H3 · 卡片标题 · 15px · 600
今日任务进度
Body · 正文 · 13px · 400
员工完成好评录入后自动计入当月绩效，老板可在后台查看全店排名。
Small · 辅助文字 · 11px · 400 · #999
上次更新：2026-06-13
英文 Logo · 14px · 300 · 字母间距 4px
D O R O T H Y
LOGO 使用规范
品牌标志展示与禁忌
正式版 深色底
浅色底 线框版
横版组合
⚠️ LOGO 使用禁忌：不要变形拉伸、不要改颜色、不要加阴影效果、不要在杂乱背景上使用。
卡片 & 数据展示
看板卡片、统计卡片、列表项的样式
今日好评
12
较昨日 +3 ↑
本月补单
46
完成率 82%
本月办卡
¥8,600
目标 ¥12,000
📋 列表行
H5 页面示例
移动端页面视觉参考
👋 早上好，小王
桃喜轻奢 · 金牛万达店
5
今日好评
3
今日补单
本月任务进度
65% · 好评 13/20
1
2
3
4
选择等级
A级
300分
B级
200分
好评
补单
1
小王
28
2
小李
22
3
小张
18
状态 & 标签
订单状态、等级标签、角色标识
A级
B级
C级
D级
已完成
进行中
待处理
已取消
🏷 角色标识
👑 老板
🔑 店长
🙋 员工
间距 & 布局规范
统一的间距系统
| 层级 | 间距 | 使用场景 |
|---|---|---|
| 页面边距 | 16px / 20px | H5 / PC 页面左右边距 |
| 卡片间距 | 12px | 网格布局中卡片之间的间隔 |
| 模块间距 | 20px | 不同功能区域之间的间隔 |
| 内边距 (card) | 14px / 20px | 卡片内容与边框的距离 |
| 表单间距 | 8px | 表单标签与输入框之间 |
| 列表行高 | 44px | 列表项的标准行高 |
📐 设计原则：使用 4px 为基准网格单位。所有间距应为 4 的倍数（4, 8, 12, 16, 20, 24, 32, 40...）。