Gleap
近白色基底、产品图像展示与胶囊形控件。
Sprout Social
白色基底、圆角卡片与渐变展示。
页面以白色为基底，搭配近黑色文字。局部操作控件以绿色强调。字体采用 Proxima Nova。视觉特点包括圆角卡片、渐变展示、扁平表面、产品图像展示。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 将 #98e58 专用于主要操作按钮和品牌标识叶——绝不可用于装饰、插图或次要控件
- 所有标题均使用 Proxima Nova 700 或 800 字重——从400到800的字重跃迁是层级结构的核心，正文内容绝不可与之竞争
- 卡片使用16px圆角，按钮/输入控件使用6px圆角——这一双圆角系统是结构语言；禁止引入第三个值
- 所有文本链接必须以1px下划线标注；绝不仅依赖颜色来提示交互性
- 正文内容保持在白色背景上，使用 #040404——与 #ffffff 的20.5:1对比度是系统可访问性的最低标准，而非上限
- 产品截图使用满幅渐变（棱镜渲染或洋紫雾）背景，圆角为16px——渐变是舞台，截图是演员
- 以4px为基准间距单位，所有内边距和外边距必须对齐4px网格（8、12、16、24、32、40、64）
建议避免
- 不要添加第三种圆角半径——6px/16px 的配对是刻意选择；8px 或 12px 会破坏系统的几何语言。
- 禁止使用中等粗体（600）字重——在该系统中，Proxima Nova 仅提供400/700/800字重，引入600会破坏层级结构
- 禁止将 #98e58 用于正文、图标或非按钮背景——稀释绿色会破坏色彩重点模式
- 禁止在卡片、板块或内容块上添加阴影——阴影仅属于导航栏；其余所有元素均以边框定义
- 禁止仅通过颜色表达交互提示——每个链接、按钮和板块必须包含边框、字重变化或下划线
- 禁止在同一产品展示区域同时使用棱镜渲染和洋紫雾渐变——每个产品展示必须选择一种渐变并坚持使用
- 禁止标题小于32px或大于76px——尺寸经过精心调校；随意更改尺寸会破坏视觉节奏
