tanzuji.com® 品牌使用规范

碳管理行业视觉标识标准与操作指南

色彩规范

主绿色

#1a6d3b

RGB(26, 109, 59)

品牌主色

强调绿

#2ecc71

RGB(46, 204, 113)

按钮、链接

浅绿色

#27ae60

RGB(39, 174, 96)

背景、辅助元素

品牌金

#f1c40f

RGB(241, 196, 15)

强调、高亮

深灰色

#333333

RGB(51, 51, 51)

正文文字

色彩使用准则

  • 主绿色用于品牌标识和重要视觉元素
  • 强调绿用于交互元素如按钮和链接
  • 品牌金用于高亮重要信息和行动号召
  • 保持色彩一致性，避免使用规范外的颜色
  • 在可访问性方面确保色彩对比度符合WCAG 2.1 AA标准

字体规范

主要字体：微软雅黑 (Microsoft YaHei)

一级标题 - 36px/2.5rem

二级标题 - 30px/2rem

三级标题 - 24px/1.5rem

正文文本 - 16px/1rem，行高1.6

辅助文本 - 14px/0.875rem

备用字体：苹方 (PingFang SC)

一级标题 - 36px/2.5rem

二级标题 - 30px/2rem

三级标题 - 24px/1.5rem

正文文本 - 16px/1rem，行高1.6

辅助文本 - 14px/0.875rem

字体使用准则

  • 优先使用微软雅黑字体，确保在Windows系统上的最佳显示效果
  • 在macOS和iOS设备上使用苹方字体作为备选
  • 保持字体层次结构清晰，使用规范的字体大小
  • 正文行高保持在1.5-1.8之间以确保可读性
  • 英文内容使用Arial或Helvetica字体

间距与布局规范

基础间距单位：8px

所有间距应基于8px的倍数

8px - 基础单位

16px - 小间距

24px - 中等间距

32px - 大间距

布局网格系统

使用12列网格系统进行布局

响应式断点：

  • 移动端: ≤768px (单列布局)
  • 平板端: 769px-1024px (2列布局)
  • 桌面端: ≥1025px (多列布局)

资源下载

获取品牌资源包

下载完整的品牌资源包，包含标识文件、颜色配置和设计模板

标识文件下载 设计模板下载 完整规范文档

下载资源仅供授权合作伙伴使用，请遵守品牌使用规范