精选 · 开放 · 免费

Vapi

一个以开发者为核心的平台，用于大规模构建与部署企业级语音AI智能体。

01

设计气质 DNA

一个企业级开发者平台，拥有如消费级应用般的亲和力，融合了高端编辑摄影与清晰的技术文档。

02

色彩

以温暖的米白色为基底，搭配高对比度的深色墨迹与单一高饱和度红色作为主要操作的强调色。

03

字体

geometric-sans · humanist-sans · monospaced

• display56px · 500
• h240px · 500
• h324px · 500
• body16px · 400
• caption14px · 400

大型展示文本采用紧凑字间距（负值），营造现代、有力的视觉感受。 · 分类标签与“眉题”文本使用大写加宽字间距样式。 · 标题统一使用主几何无衬线字体，建立粗犷、技术感的品牌形象。

04

间距

采用充裕且均匀的间距，优先使用24px和40px的间隔，以在密集功能网格中保持清晰度。

05

表面 (圆角 / 阴影 / 边线)

采用极简的1px实线边框，用于微妙的容器划分与卡片定义。

rgb(204, 204, 204) 0px 0px 2px 2px · 0px 4px 6px -1px rgba(0, 0, 0, 0.1)

06

布局

标准的12列网格系统，外边距充裕，在移动端折叠为单列堆叠布局。

07

动效与交互

交互元素采用平滑的颜色与背景过渡。 · 下拉菜单与浮层通过透明度与可见性淡入显示。 · 状态变化时伴随细微的transform位移动画。

按钮与链接上的细微颜色过渡与背景变化。 · 立即的视觉反馈，伴随轻微的transform或透明度变化。

08

组件

• button 主要按钮使用深色胶囊形状配白色文字；次要按钮为带细微边框的透明幽灵按钮。
• card 简洁、大多无边框的区域，通过充裕留白与细微的水平分隔线进行划分。
• chip 功能性下拉菜单与状态标签，带有细微灰色边框与6px至8px的圆角。
• input 标准文本输入框，8px圆角，带细微边框与内部内边距。
• hero 全宽电影感摄影，叠加深色渐变以确保白色展示文本的高度可读性。

09

文案语气与禁用清单

• 语气 自信、技术导向、聚焦企业级应用。
• 标题风格 简短、有力、以人为本（例如，“用人类语言与每位客户对话”）。
• 按钮文案 直接且以行动为导向（例如，“开始使用”、“发起通话”）。

• 请勿使用纯白（#FFFFFF）背景——截图采用的是温暖的米白色（#FFFAEA）。
• 请勿使用装饰性衬线字体——截图完全依赖于简洁的几何与人文无衬线字体类别。
• 请勿使用亮色霓虹或多色渐变——配色严格限定为米白、黑色与单一红色强调色。
• 请勿使用厚重的投影——截图使用非常细微、几乎不可见的box-shadow来营造层次感。
• 请勿用边框使布局杂乱——截图通过充裕的留白与水平线进行分隔。
• 请勿使用大段多行引言——截图使用高度压缩的大号展示字体以实现最大视觉冲击力。
• 避免: 过于俏皮或随意的语言
• 避免: 缺乏明确上下文的行业术语
• 避免: 视觉杂乱的布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko