跳到正文
查看 DESIGN.md ↓
Rival 来源采集截图
Verdant Supply — 风格参考 · 来源预览 ↗

Verdant Supply — 风格参考

以原创几何构成的清爽植物感 B2B 采购方向。

Verdant Supply 将来源的清晰代理型节奏转化为原创 B2B 服务路径:帮助企业买家定向、比较服务范围、准备项目简报,再确认本地询盘草稿。这是高幅度适配,而非复刻;名称、文案、CSS 与形状均为原创。

https://bootstrapmade.com

调色板

本次改编实现的设计变量;请遵循 DESIGN.md 指定的前景与背景组合。

参考颜色

排版

字体尺寸与角色遵循交付实现;正式使用前请检查 Quick Start 中的字体服务要求。

字号刻度

  1. hero76px · 800 · 1.03
  2. card24px · 700 · 1.03
  3. lead20px · 400 · 1.5
  4. body16px · 400 · 1.6
  5. label13px · 800 · 1.35
  6. caption12px · 800 · 1.4

字体

字体族
字重
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、邮件服务、数据库或自动提交。
  • 不要复用来源标识、代码、照片、人物、评分、项目或联系方式。
  • 不要把通用标签变成未经核验的产品或服务声明。

我们仅使用必要的浏览器存储来记住隐私偏好并支持网站核心功能。