Groq

暖白色基底、胶囊形控件与扁平表面。
页面以暖白色为基底,搭配深蓝色文字。字体采用 Space Grotesk、IBM Plex Mono。视觉特点包括胶囊形控件、扁平表面、分屏构图、居中构图。适合参考的场景:AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有标题都使用 Space Grotesk 字重 300。它定义网站安静、技术化的语气。
- Ember Orange #f43e01 只用于 CTA、眉题标签和装饰性引号,绝不用在正文或大型背景填充中。
- 所有按钮圆角设为 1000px,形成胶囊形态。这是标志性元素。
- 浅色 Parchment #e8e8de 与深色 Graphite #2d2f33 区块交替,形成论点、证明、证据的节奏。
- 所有小标签和眉题都使用 IBM Plex Mono,并设置 +0.1em 字间距。宽间距传达技术规格感。
- 间距遵循 8px 网格,区块间距为 48-80px,元素间距为 16-24px。
- 通过 Parchment → Bone → White 的表面明度对比传达纵深,而非投影。
建议避免
- 任何组件都不要添加投影或悬浮效果。系统刻意保持平面。
- 不要使用 Ember Orange 和 Vapor Pink 之外的鲜明颜色。系统刻意近乎单色。
- 标题不要采用字重 700。300 才是标志,粗体会破坏声音。
- 页面背景不要使用纯白 #ffffff,始终采用 Parchment #e8e8de 或 Bone #f3f3ee。
- 按钮或导航元素不要采用锐利直角,必须坚持 1000px 胶囊圆角。
- 不要添加渐变。系统严格采用平面色块。
- 不要同时使用多种强调色。选定一种并坚持,橙色用于操作,粉色用于少见装饰。