Voiceflow
白色基底、胶囊形控件与细线分隔。
Free Podcast Hosting
白色基底、细线分隔与宽松留白。
页面以白色为基底，搭配深绿色文字。局部操作控件以绿色强调。字体采用 Girott、Graphik。视觉特点包括细线分隔、宽松留白、衬线字形、分屏构图。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 使用 Forest Canopy #214538 仅用于主要填充型行动号召按钮、激活标签页状态以及5 星评分——绝不可作为大面积背景块或装饰性淡染底色使用。
- 将Girott（或其替代字体）在168px大写形式用于唯一首屏标题。切勿将该显示字体用于小节标题——所有次要标题使用Graphik 600/700在30-48px字号呈现。
- 按钮设置圆角为4px，卡片/输入框/图片为8px，圆形头像为9999px。超出此三元组的圆角组合会破坏系统的精确性。
- 使用细线边框#e4e5e6作为主要结构分隔线。仅将柔和阴影（双层叠加25px+10px）用于需要显得脱离页面的产物品类示意图。
- 正文文本设为Studio Ink #151e1b，辅助文本设为Graphite Body #4d4d4f。切勿使用纯黑色#000作为正文——轻微的绿色调使文本与品牌保持对话。
- 应用负字间距模式：在16px时为-0.08px，增至60px时为-0.96px。紧凑的字间距是编辑风格的一部分——在显示尺寸下放松间距会使排版扁平化。
- 使用单一深色摄影带作为白色区域之间的唯一反转。页面应感觉是90%的白色——增加更多深色区块会削弱对比度。
建议避免
- 不要引入除Link Green #208619和Citrus Note #faefc3之外的其他色彩。任何新增色调都会与单一的Forest Canopy品牌身份产生竞争。
- 不要在正文或按钮文本中使用粗体（700）字重——Graphik 500是系统中最重的UI字重。仅将700用于小节标题。
- 不要在卡片或UI元素上使用厚重的阴影。该系统仅在产品示意图上使用阴影；卡片依赖细线边框，而非立体感。
- 按钮的圆角切勿超过4px。带有略微锐利4px边框的按钮与8px卡片形成刻意对比——胶囊形按钮会破坏编辑风格的精确性。
- 不要在小于100px时使用显示版Girott字体。其压缩的字形在小尺寸下失去表现力，并与Graphik 700的使用领域重叠。
- 不要将Citrus Note #faefc3用作CTA、徽章或状态色——它仅用于卡片表面。将其用于提示或警告会错误地定义其语气。
- 不要将页面拉伸超过1200px最大宽度，或在内容布局中使用满幅填充区块。唯一全宽元素是深色首屏带；其余部分均被限制在内。
