精选 · 开放 · 免费
Hume AI
一个将情感智能融入语音AI的温暖而精致的平台。
aivoice
01
设计气质 DNA
情感智能语音AI研究开源
一座连接人类情感与机器智能的优雅研究实验室。
02
色彩
#222222Ink
#666666Ink soft
#FFF9F3BG
#999999Muted
rgba(34,34,34,0.15)Line
温暖的中性色，辅以富有表现力的渐变点缀。
03
字体
humanist-sans · monospace
- display
56px · 400 - headline
40px · 400 - subheadline
20px · 400 - body
16px · 400 - caption
12px · 400
04
间距
4px
8px
12px
16px
24px
32px
48px
64px
96px
章节之间留有充裕的垂直间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 16px
pill · 9999px
微妙的1像素边框，主要用于卡片和输入框。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中单栏流式布局，留有充裕的白色空间。
07
动效与交互
150msmicro
200mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素的平滑颜色过渡 · 可悬停卡片的变换过渡
交互元素的颜色和背景色过渡。 · 微妙的变换或透明度变化。
08
组件
- button 胶囊形按钮，可以是黑底白字的填充样式，或纯文字样式。
- card 柔和色彩的卡片，圆角（12-16px），带有微妙阴影。
- hero 居中文本，置于大型抽象渐变图形之上。
09
文案语气与禁用清单
- 语气 科学、精致且平易近人。
- 标题风格 清晰、陈述性的语句，强调研究能力。
- 按钮文案 直接、面向行动，常使用等宽大写文本。
- 不要使用冰冷的纯白色背景——截图中显示的是温暖的奶油色 (#FFF9F3)。
- 不要使用单一的平面强调色——截图中显示的是多色渐变和柔和色彩的卡片。
- 不要使用生硬、几何感强的无衬线字体——截图中显示的是更具有机感的人文主义无衬线字体。
- 不要使用厚重的投影——截图中显示的是极简的平面表面和非常微妙的边框。
- 不要使用深色模式——截图中显示的是明亮、温暖的界面。
- 不要使用杂乱的布局——截图中显示的是充裕的白色空间和居中的内容。
- 避免: 口语化表达
- 避免: 夸张或激进的营销宣称
- 避免: 密集的段落
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Hume AI 是一个专注于语音情感智能的研究型AI平台。设计采用温暖的奶油色背景 (#FFF9F3) 搭配深墨色文本 (#222222)。字体采用人文主义无衬线体，并为技术标签配以等宽体。界面依赖于微妙的柔和渐变和柔和色彩的卡片，而非单一的主强调色。关键特性包括充裕的白色空间、居中布局和胶囊形按钮。关键约束：避免冰冷的纯白色背景，避免单一的平面强调色，避免生硬的几何字体，避免厚重的阴影，避免深色模式，以及避免杂乱的布局。整体声音是科学而平易近人的，强调开源研究和前沿能力。
en · zh-CN · zh-TW · ja · ko