体系构建
一套视觉语言
一套视觉语言
贯穿全站每个像素
视觉体系统一不是简单的风格统一，而是从底层建立一套完整的设计令牌与组件规范。我们将新中式轻奢的美学理念拆解为可量化、可复用的设计原子。
色彩有比例、字号有层级、间距有节奏、组件有标准，任何页面的新增与迭代都遵循同一套视觉语言，确保官网气质始终如一。
了解VI适配
设计规范
视觉体系规范框架
四大规范模块，构筑完整的新中式轻奢视觉体系
01
色彩规范
主色、辅助色、中性色、语义色分层定义，明确使用比例与场景，构建和谐国风配色。
02
字体规范
标题衬线、正文无衬线的搭配体系，定义字号、字重、行高、字距的完整层级。
03
图标规范
统一线宽、圆角、尺寸的图标集，功能图标与装饰图标风格协调，视觉语言一致。
04
组件规范
按钮、卡片、表单、导航等核心组件标准化，圆角阴影间距统一，可复用可组合。
系统展示
色彩与字体系统一览
直观呈现新中式轻奢视觉体系的核心设计令牌
国风色彩系统
浅粉主色
#FFB6C1
浅粉浅色
#FFDFE7
奶白底色
#FFF8F0
浅黄柔色
#FFE8A3
浅黄主色
#FFD93D
深棕墨色
#3D2B35
字体层级系统
雅致商务标题
Hero标题 · 衬线 · 32px / 800
章节大标题
大标题 · 无衬线 · 24px / 700
模块小标题
小标题 · 无衬线 · 18px / 600
正文段落内容，采用无衬线字体保证阅读舒适度，行高1.7倍，字色柔和不刺眼。
正文 · 无衬线 · 16px / 400