01
设计气质 DNA
可持续循环经济办公家具环保可重复使用
一个以可持续发展和循环性为核心的现代环保办公家具市场。
02
色彩
#00E676Accent#1A1A1AInk#555555Ink soft#FFFFFFBG#F9F9F9BG soft#999999Mutedrgba(0,0,0,0.1)Line洁净的白色画布搭配充满活力的绿色点缀，以强调可持续性和现代技术驱动的方法。
03
字体
- display
48px · 500 - h2
32px · 500 - body
16px · 400 - caption
12px · 500
标题使用句子式大小写 · 在白色背景上保持高对比度以确保可读性 · 采用简洁、几何感的无衬线字体以营造现代感
04
间距
4px8px16px24px32px48px64px96px8px 基线网格，充足的留白
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(0,0,0,0.1)
0 1px 3px rgba(0,0,0,0.08)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中内容布局，划分清晰的区块，大型图片卡片，突出显示的行动号召按钮
07
动效与交互
200msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
按钮上平滑的 hover 转换 · 页面加载时细微的淡入效果
按钮背景颜色变化，光标变为手形 · 标准按钮按压反馈
08
组件
- button 带圆角的描边按钮，主要操作使用深色实心背景
- card 大型图片卡片，带有文字叠加效果，带有细微圆角
- input 带有清晰边框的标准表单输入框
- hero 居中的文本块，包含突出标题、支持性文本和双行动按钮
09
文案语气与禁用清单
- 语气 专业、乐于助人、具有前瞻性
- 标题风格 清晰、简洁的陈述，强调可持续性和循环性
- 按钮文案 直接、面向行动的短语（我想要……）
- 避免使用深色背景——截图显示为以白色/洁净背景为主
- 避免使用衬线字体——截图显示为简洁、现代的无衬线排版
- 避免使用柔和或粉彩色——截图显示为充满活力的绿色点缀（#00E676）
- 避免使用复杂的多栏布局——截图显示为清晰、居中的单栏内容
- 避免使用装饰性边框或装饰——截图显示为简洁、极简的设计
- 避免使用全大写标题——截图显示为句子式大小写或标题式大小写标题
- 避免: 激进的销售语言
- 避免: 没有证据的“洗绿”声明
- 避免: 未经解释的复杂术语
11
System Prompt
这是一个专注于循环经济原则的可持续办公家具 B2B 平台。关键的十六进制颜色包括：#FFFFFF 背景、#1A1A1A 墨色、#00E676 充满活力的绿色点缀以及 #555555 柔和文本。排版方面，展示和正文都采用简洁的 grotesque-sans-serif 类别字体，并留有充足的留白。关键禁忌：避免深色模式设计（截图显示为亮色主题）、避免衬线字体排版（截图使用现代无衬线字体）、避免激进的销售语言（截图使用乐于助人、面向行动的语气）。该设计强调可持续性、现代技术驱动的方法，以及清晰的家具回收和循环解决方案用户旅程。