精选 · 开放 · 免费
Groq
快速、可靠、低成本的 AI 推理基础设施。
aihardware
01
设计气质 DNA
速度可靠性性能推理
一个面向 AI 的高性能引擎室，融合了工业级精确性与易用的开发者工具。
02
色彩
#F43E01Accent
#2D2F33Ink
#69695DInk soft
#E8E8DEBG
#F3F3EEBG soft
#9C9C90Muted
rgba(45, 47, 51, 1)Line
温暖柔和的中性色为高对比度的橙色点缀和深色、易读的排版提供了平静的画布。
03
字体
geometric-sans · monospace
- display
46px · 500 - body
15px · 400 - caption
12px · 400
标题使用 500 字重以实现微妙强调。 · 大写文本使用 12px 字号和 1.2px 字间距，用于技术标签。 · 正文使用 15px 字号以获得最佳可读性。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
基于标准的 4px 基准，搭配宽裕的 32-48px 水平内边距和垂直间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
使用 1px solid rgb(45, 47, 51) 作为卡片和输入框的微妙轮廓。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
标准的居中容器，包含全宽的主视觉区和并排排列的功能卡片。
07
动效与交互
150msmicro
250mssmall
800msmedium
cubic-bezier(0.68, -0.55, 0.27, 1.55)easing
交互元素上的颜色和变换过渡。 · 悬停状态的背景尺寸动画。 · 模态框或覆盖层的可见性和透明度过渡。
150ms ease-in-out 的微妙背景尺寸或颜色过渡。 · 通过变换或颜色偏移提供即时视觉反馈。
08
组件
- button 高对比度橙色（#F43E01）配白色文字，采用药丸形状（border-radius: 999px）用于主要操作。
- card 浅色背景（#F3F3EE），12px 圆角，无明显投影。
- chip 内联大写标签，使用等宽字体样式作为分类标签。
- input 标准文本输入框，采用极简样式，可能使用柔和的边框。
- hero 桌面端采用分屏布局，左侧为大号排版，右侧为视频。
09
文案语气与禁用清单
- 语气 自信、技术导向且注重性能。
- 标题风格 直接有力，聚焦于速度和可靠性。
- 按钮文案 以行动为导向的动词，如“立即开始”和“开始构建”。
- 不要使用纯黑色（#000000）作为背景——截图显示为温暖柔和的米色（#E8E8DE）。
- 不要使用亮红色作为点缀——截图显示为特定的鲜明橙色（#F43E01）。
- 不要使用宽幅、多栏文本布局——截图显示为受限的约 680px 段落宽度。
- 不要在卡片上使用厚重的投影——截图显示为扁平表面，投影极少或没有。
- 不要对技术标签使用小写——截图显示为大写并带有宽字间距。
- 不要使用激进的暗色模式美学——截图显示为明亮、暖色调的界面。
- 避免: 模糊的营销术语
- 避免: 过于活泼或随意的语言
- 避免: 标题中复杂的架构图
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Groq 是一个面向开发者和企业的高性能 AI 推理平台。设计系统依赖于温暖柔和的中性色板（#E8E8DE, #F3F3EE）和高对比度的鲜明橙色（#F43E01）点缀。排版使用几何无衬线体（Space Grotesk）作为标题和正文，使用等宽字体（IBM Plex Mono）作为技术标签。关键设计约束：避免纯黑色背景（使用温暖的米色替代），避免在 UI 元素上使用厚重的投影，并且绝不使用小写作为技术导语文本或标签。布局整洁宽敞，优先考虑可读性和性能，而非装饰性的复杂性。
en · zh-CN · zh-TW · ja · ko