页面风格不稳定
不同页面由不同人员制作，组件样式、标题比例和图片处理方式不一致。
设计系统 / 品牌
品牌设计系统
为新品牌建立可落地的视觉系统，覆盖识别、组件、营销页面和团队协作中的设计规范。
01
项目介绍
为新品牌建立统一的视觉识别、组件体系和页面模板，支持产品与市场快速落地。
品牌在官网、产品界面、活动页和销售材料中同时扩张，但视觉语言不统一。项目目标是建立可执行的规则，而不是停留在风格板，让团队可以稳定复用。
- 定义标志使用、颜色、字体、栅格、图形和动效原则。
- 沉淀按钮、卡片、导航、表单和营销模块组件。
- 提供页面组合规范，覆盖官网、案例页和产品介绍页。
02
存在问题与解决方向
从视觉统一、效率和扩展性三个层面解决品牌增长问题。
模块化页面系统
定义 hero、功能、案例、指标和 CTA 模块，按规则组合页面。
品牌资产难复用
图形、色彩和动效缺少明确边界，导致每次设计都重新判断。
资产与令牌规范
把颜色、字体、圆角、间距和装饰图形抽象为可复用规则。
03
主要功能
设计系统同时服务品牌表达和产品界面。
识别系统
明确 logo、辅助图形、图片遮罩和品牌装饰的使用方式。
组件资产
沉淀按钮、标签、卡片、表单、导航和数据展示组件。
页面模板
提供官网、产品页、案例页和活动页的组合结构。
04
字体规范
建立品牌标题、正文、按钮和数据文字的使用边界。
品牌系统品牌标题使用描边字形成识别，正文和界面控件统一使用 PingFang SC。
标题系统
营销标题允许大字号，产品界面标题控制在 20-32px。
05
颜色规范
品牌色、背景色、模块色和留白共同形成识别。
品牌绿黑底模块留白
绿色克制
品牌绿只用于行动、强调和识别，不大面积铺满界面。
06
设计规范
规范品牌资产、组件调用和页面组合方式。
组件优先
所有页面优先调用现有模块；新增样式必须先判断是否能进入组件库。
模块资产
定义 hero、指标、案例、CTA、FAQ 等模块的组合规则。
品牌动效
动效以微位移、描边发光和图片缩放为主，保持克制。
07
项目功能介绍
通过系统图展示品牌从基础到页面的落地方式。
视觉基础页
汇总 logo、色彩、字体和图形规则，保证品牌表达有统一起点。
组件规范页
记录组件状态、尺寸、间距和使用限制，让设计与开发保持一致。
页面组合模板
以模块拼装方式快速生成不同页面，同时保持统一视觉节奏。
