Gleap
近白色基底、产品图像展示与胶囊形控件。
Bento
近白色基底、网格布局与紧密字距。
页面以近白色为基底，搭配近黑色文字。局部操作控件以蓝色强调。字体采用 Arial、Linksans。视觉特点包括网格布局、紧密字距、宽松留白、满幅色块。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- Lime Spark（#d2e823）是唯一的主要操作填充色，绝不引入第二种CTA颜色；青柠色的鲜明感只有独立使用时才成立。
- 每张卡片、每个按钮和每幅插画都包裹2-3px的#000000实线边框；黑色轮廓就是高度系统，禁止使用投影。
- 所有交互元素（按钮、标签、社交链接）采用99px胶囊圆角，卡片表面采用32-64px圆角。
- 区块以铺满画面的色带堆叠，轮流使用Lime Spark、Cobalt Band（#2665d6）、Maroon Plate（#780016）和Linen Canvas（#f3f3f1）。
- 展示标题采用80px Linksans 800及-0.043em字间距，让它们被感知为一个完整形状，而非一句文字。
- 根据填充色亮度，将卡片文字反转为#ffffff或#000000，绝不使用中灰色卡片文字。
- 首屏插画、手机模型和有机装饰形状采用1000px圆角（方圆形或团块形）。
建议避免
- 不要添加投影、内阴影或模糊效果；黑色边框本身就是高度，叠加阴影会破坏贴纸美学。
- 不要将Lavender Mist（#e9c0e9）、Forest Ink（#254f1a）或Mustard Pop（#d6a337）用作CTA填充；它们是装饰性卡片颜色，而非操作颜色。
- 不要引入与Lime Spark竞争的中性灰按钮；次要操作必须是带有黑色边框的无填充或描边样式。
- 不要将Cobalt Band（#2665d6）或Maroon Plate（#780016）用于正文；它们是区块背景填充，而非易读的文字颜色。
- 不要用正字间距或轻字重软化标题；设计只有在展示字体采用700-800且字间距紧凑时才成立。
- 任何卡片或按钮都不要使用锐利圆角（< 8px）；系统要求每个层级都有有机的圆润感。
- 在Maroon Plate或Cobalt Band背景上，未经对比度测试不要使用#000000文字；改用#ffffff或#d2e823。
