DESIGN SYSTEM
盈铺网 V8 · 统一设计系统
这一页不是给客户看的,是为了把整站视觉规则固定下来,避免首页、频道、详情、登录和后台各自长成不同产品。
设计原则
1. 信息优先
大型垂直网站的“高级感”来自信息层级、留白和密度,而不是大渐变、大圆角与装饰。
2. 任务分版式
首页做发现,频道做筛选,详情做决策,发布做表单,工作台做待办。共享语言,不共享同一张卡片模板。
基础变量
#17191D
主文字 / 深色操作
#F5C400
品牌黄 / 仅作强调
#F6F7F8
页面浅背景
#E5E7EA
边框与分隔
统一栅格:PC 最大内容宽度 1200px;主要圆角 7-10px;正文 15px;列表标题 18px;频道标题 34px;首页主标题 46px。
核心组件
普通标签品牌标签核验状态
固定页面模板
首页
品牌搜索 → 四个频道 → 非对称精选 → 核心业务解释 → 列表 → 找铺入口。
转让频道
旗舰置顶大图 → 高密筛选 → 精选推荐 → 普通列表 → 推广层级说明。
详情页
图库 → 核心价格 → 经营条件 → 费用拆解 → 商圈地图 → 顾问 / 预约看店。
员工工作台
今天要做什么 → 待办 → 客户阶段 → 需处理铺源 → 线索与权限提醒。