Handoff · 交付包索引

广西信合设计交付

设计系统 · 营销网站 · 原型 · 决策层宣讲 · 印刷品 · 邮件模板。所有文件均在同一套 colors_and_type.css 基础上构建,可独立修改。

2026.04 Qing Build
GXXH · 南宁

主要交付 A · Primary

A0 · 主 UI KIT

营销网站 · 四个页面

首页 / 产品 / 广西本地服务 / 联系。含数据流架构图、可切换的 Qing / Orange 双主题、在线咨询表单原型。

打开网站 →
A1 · 原型

企业咨询流程

表单 → 成功页 → 回执邮件预览。含验证状态与键盘可达性。(在营销网站的「联系」页内)

打开原型 →
A2 · 原型

桌面端首次启动

欢迎 → 选工作目录 → 跑第一个任务 → 查看结果,四步闭环。

打开原型 →

内容物料 B · Deliverables

C1 · 16:9 幻灯

决策层宣讲 · 12 页

从问题场景到案例数据到部署节奏。含完整演讲者备注。打印可直接导出 PDF。

开始放映 →
C2 · A4 印刷品

单页宣传册

给客户随手一带的一页 A4。打开后直接 Cmd+P 导出 PDF。

打开预览 →
C3 · 邮件

欢迎邮件模板

600px 响应式 · table-based · Gmail / Outlook / 企业邮兼容。

打开预览 →

扩展 · 地市 & QA E · Extensions

E1 · SEO 模板

地市落地页 · 13 市

通用模板 + data/cities.json。URL ?city=<slug> 切换南宁 / 柳州 / 桂林等 13 市,可批量静态化到 /guangxi/<slug>。

南宁样张 →
E2 · QA

暗色模式报告

6 个关键页面的暗色预览 + 14 组 token 对比度逐项 AA 核对 + 发现项清单。

打开报告 →
E3 · 样式表

print.css · 一键打印

产品页、联系页、地市落地页已挂 media="print"。Cmd+P 即得干净的 A4 客户资料。

查看源文件 →
E4 · 备忘

风险清单 · 12 项

字体授权、图标协议、广西备案、广告法案例验证、DMARC、个保法 —— 上线前要处理的。

打开清单 →

设计系统 B · Design System

文档

README · 完整规范

品牌原则、内容基础、视觉基础、色彩层级、字体、间距、组件列表、图标用法。

阅读 →
文档

SKILL.md

如何使用这套系统生成新内容的操作指南。

阅读 →
Tokens

colors_and_type.css

唯一的 token 源。所有其他文件都 @import 它。

查看源文件 →