OpenDesign·你的设计资产库

网页参考

Hume AI

一个将情感智能融入语音AI的温暖而精致的平台。

AIVoice
Hume AI 网站截图

01

设计气质 DNA

情感智能语音AI研究开源

一座连接人类情感与机器智能的优雅研究实验室。

02

色彩

#222222Ink
#666666Ink soft
#FFF9F3BG
#999999Muted
rgba(34,34,34,0.15)Line

温暖的中性色,辅以富有表现力的渐变点缀。

03

字体

humanist-sans · monospace

  • display56px · 400
  • headline40px · 400
  • subheadline20px · 400
  • body16px · 400
  • caption12px · 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

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

Hume AI 是一个专注于语音情感智能的研究型AI平台。设计采用温暖的奶油色背景 (#FFF9F3) 搭配深墨色文本 (#222222)。字体采用人文主义无衬线体,并为技术标签配以等宽体。界面依赖于微妙的柔和渐变和柔和色彩的卡片,而非单一的主强调色。关键特性包括充裕的白色空间、居中布局和胶囊形按钮。关键约束:避免冰冷的纯白色背景,避免单一的平面强调色,避免生硬的几何字体,避免厚重的阴影,避免深色模式,以及避免杂乱的布局。整体声音是科学而平易近人的,强调开源研究和前沿能力。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。