DESIGN SYSTEM

盈铺网 V8 · 统一设计系统

这一页不是给客户看的,是为了把整站视觉规则固定下来,避免首页、频道、详情、登录和后台各自长成不同产品。

设计原则

1. 信息优先

大型垂直网站的“高级感”来自信息层级、留白和密度,而不是大渐变、大圆角与装饰。

2. 任务分版式

首页做发现,频道做筛选,详情做决策,发布做表单,工作台做待办。共享语言,不共享同一张卡片模板。

基础变量

#17191D
主文字 / 深色操作
#F5C400
品牌黄 / 仅作强调
#F6F7F8
页面浅背景
#E5E7EA
边框与分隔
统一栅格:PC 最大内容宽度 1200px;主要圆角 7-10px;正文 15px;列表标题 18px;频道标题 34px;首页主标题 46px。

核心组件

普通标签品牌标签核验状态

固定页面模板

首页

品牌搜索 → 四个频道 → 非对称精选 → 核心业务解释 → 列表 → 找铺入口。

转让频道

旗舰置顶大图 → 高密筛选 → 精选推荐 → 普通列表 → 推广层级说明。

详情页

图库 → 核心价格 → 经营条件 → 费用拆解 → 商圈地图 → 顾问 / 预约看店。

员工工作台

今天要做什么 → 待办 → 客户阶段 → 需处理铺源 → 线索与权限提醒。