查看 DESIGN.md ↓
Verdant Supply — 风格参考 · 来源预览 ↗
Verdant Supply — 风格参考
以原创几何构成的清爽植物感 B2B 采购方向。
Verdant Supply 将来源的清晰代理型节奏转化为原创 B2B 服务路径:帮助企业买家定向、比较服务范围、准备项目简报,再确认本地询盘草稿。这是高幅度适配,而非复刻;名称、文案、CSS 与形状均为原创。
调色板
本次改编实现的设计变量;请遵循 DESIGN.md 指定的前景与背景组合。
参考颜色
排版
字体尺寸与角色遵循交付实现;正式使用前请检查 Quick Start 中的字体服务要求。
字号刻度
字体
字体族
- 字重
- 800 · 400 · 700
- 字号
- 12–76px · 6 个值
- 行高
- 1.03–1.6 · 5 个值
- 备选字体
- sans-serif
说明 / 标签 / 正文 / 导语 / 卡片 / 首屏
间距与形状
间距
| 用途 | 数值 | 预览 |
|---|---|---|
| 密度 | ||
| 基础单位 | ||
| 页面容器 | ||
| 首屏 | ||
| 手机端 |
边框圆角
| 用途 | 数值 | 预览 |
|---|---|---|
| 卡片 | ||
| 控件 |
完整间距刻度
- 1
--space-1 - 3
--space-3 - 4
--space-4 - 6
--space-6 - 区块
--space-section
指南
建议
- 保持“浏览 → 服务范围 → 项目简报 → 本地询盘确认”的 B2B 路径。
- 用叶绿承载操作,用青柠承载视觉焦点。
- 保持标签、错误、键盘焦点和减少动态效果支持可见。
避免
- 不要把本地询盘确认接入 CRM、邮件服务、数据库或自动提交。
- 不要复用来源标识、代码、照片、人物、评分、项目或联系方式。
- 不要把通用标签变成未经核验的产品或服务声明。