DS · 2026.07.12 · SPEC v1.0
DESIGN SYSTEM v1.0

懿轩 · 规范速览

烟粉 · 雾蓝 · 柔灰绿 · 暖米 · 奶油白呼吸

触发词：设计师 / 懿轩设计 / 做设计

色彩系统

灵感：莫兰迪油画——低饱和灰调，温柔而不张扬，克制中有温度

烟粉
#D4A0A0
CMYK 10/40/20/5 · 主色
浅烟粉
#E4C0C0
Hover / 次级粉
雾蓝
#A8C4D4
CMYK 30/10/5/5 · 辅色
柔灰绿
#B8D0C4
CMYK 25/5/15/5 · 积极
柔紫
#C4B5D0
CMYK 15/25/5/5 · 点缀
暖米
#E8D5C4
CMYK 5/15/25/5
陶土色
#C4956A
温暖点缀 / 数据标签
哑金
#C8B88A
高亮 / 强调数据点
暖灰褐
#4A4543
文字主色 · 比纯黑柔和
奶油白
#FAF7F3
柔和背景底

配色比例

烟粉 15%
奶油白 65%
雾蓝 10%
柔灰绿 5%
内容 5%

禁用：荧光色 · 高饱和色 · 赛博霓虹 · 纯黑纯白大面积对撞

字体系统

所有字体通过 font-family 声明系统回退栈，禁止引用外部字体 CDN

Display
2026 DESIGN SYSTEM
Heading CN
思源黑体 Heavy · 中文标题
Heading EN
Montserrat Bold
Body CN
思源黑体 Regular · 正文段落文字，行高 1.6
Body EN
Inter Regular · English body text
Data
1,280,000+
Italic
"Design is intelligence made visible."

核心组件

24px 烟粉外框 · 直角 · 无阴影 · 位移悬停 · 圆角 12px

MetricCard · 大数字卡
0
活跃用户
InsightCard · 洞察卡
INSIGHT

设计驱动品牌增长

统一的视觉语言让品牌认知度提升 40%，用户信任感显著增强。

IndividualCard · 档案卡
📐
NEW
项目：品牌视觉升级
状态：进行中
启动日期：2026.07.01
负责：设计团队
交付物：VI + 物料 + 网页
QuoteBlock · 引文块
"
Design is not just what it looks like. Design is how it works.
Steve Jobs

按钮样式

Primary Blue Gold Outline

动效规范

缓动统一 cubic-bezier(0.16, 1, 0.3, 1) · 禁用弹跳/旋转/粒子/光效

烟粉下划线展开

章节标题

数字缓入

1,280

逐条揭示

第一条洞察
第二条洞察
第三条洞察

卡片悬停

悬停看位移 + 描边 →
动效节奏：每 Scene 3-8 秒 · 每个动作 0.3-1.5 秒 · 动作间停顿 0.3-0.8 秒 · 缓动 cubic-bezier(0.16, 1, 0.3, 1)

社交衍生规范

各平台尺寸与视觉要求

印刷规范

CMYK 色彩空间 · Pantone 7604C 专粉 · Pantone 544C 专蓝

物料成品尺寸出血分辨率
A4 单页传单210×297mm3mm300dpi
三折页210×297mm 展开3mm300dpi
展板800×2000mm5mm150dpi
画册内页250×270mm5mm300dpi
明信片148×100mm3mm300dpi

纸张工艺

内页 128g 亚粉铜版 · 封面 250g 亚粉 + 触感膜 · Logo 局部 UV 或烫玫瑰金

禁用

过塑光膜 · 闪粉工艺 · 四色黑文字（用暖灰褐 K80）

图表序列色

莫兰迪色系，低饱和灰调

烟粉
雾蓝
柔灰绿
柔紫
陶土
哑金
Positive #B8D0C4
Warning #C8B88A
Negative #D4A0A0
Neutral #A09A95

信息图规范

6 种常用信息图模板 · 奶油白底 · 烟粉主图形

A. 对比型

68%
方案 A
42%
方案 B

B. 时间线型

2023
项目启动
2024
产品上线
2025
规模化
2026
国际化

C. 流程图型

采集数据
→
AI 分析
→
生成报告
→
发布

D. 数据卡型

1,280
活跃用户
96%
满意度
3.2x
增长倍数

E. 结构图解型

顶部组件
说明文字
左侧模块
功能描述
右侧模块
功能描述
底部支撑
基础设施

形状与效果

直角外框 · 圆角卡片 12px · 无阴影 · 位移悬停

24px 粉外框 · 直角
圆角卡片 12px
胶囊 Pill 999px
6px 左粉竖条

封面模板

暖灰褐 + 主题图 + 24px 烟粉框 + 烟粉色角饰 + 时间戳

DS · 2026.07.12 · 00:00:00
Design System 2026
懿轩设计规范

Canva / 代码变量表

直接复制使用

color/pink
#D4A0A0
color/blue
#A8C4D4
color/green
#B8D0C4
color/purple
#C4B5D0
color/beige
#E8D5C4
color/cream
#F5EDE5
color/cream-bg
#FAF7F3
color/terracotta
#C4956A
color/gold
#C8B88A
color/text-primary
#4A4543
color/white
#FFFFFF
radius/card
12
radius/frame
0（直角）
stroke/frame
24px solid #D4A0A0
stroke/accent-bar
6-8px
font/display
Bebas Neue
font/heading-cn
思源黑体 Heavy
font/body-cn
思源黑体 Regular
font/italic
Playfair Italic
cubic-bezier
(0.16, 1, 0.3, 1)