精選 · 開放 · 免費

Hume AI

一個溫暖、精緻的平台，將情緒智慧嵌入語音 AI。

01

設計氣質 DNA

一座優雅的研究實驗室，銜接人類情感與機器智慧。

02

色彩

溫潤的中性色調，搭配富有表現力的漸層點綴。

03

字型

humanist-sans · monospace

• display56px · 400
• headline40px · 400
• subheadline20px · 400
• body16px · 400
• caption12px · 400

04

間距

章節之間採用寬裕的垂直間距。

05

表面 (圓角 / 陰影 / 邊線)

細微的 1px 邊框，主要用於卡片與輸入欄位。

06

版面

居中、單欄流式排版，並留有充足留白。

07

動效與互動

互動元素的平滑顏色過渡 · 可懸停卡片的變形過渡

互動元素的 color 與 background-color 過渡效果。 · 細微的 transform 或 opacity 變化。

08

組件

• button 膠囊狀按鈕，可為黑底白字填充式，或僅文字樣式。
• card 柔和色調的卡片，帶有圓角 (12-16px) 與細微陰影。
• hero 居中文字，置於大型抽象漸層圖形之上。

09

文案語氣與禁用清單

• 語氣 兼具科學性、精緻感與親和力。
• 標題風格 清晰、明確的陳述句，強調研究與能力。
• 按鈕文案 直接且以行動為導向，常使用等寬大寫文字。

• 避免使用冰冷的純白背景——畫面中顯示的是溫暖的奶油色 (#FFF9F3)。
• 避免使用單一平面的強調色——畫面中顯示的是多彩漸層與柔和色調的卡片。
• 避免使用僵硬、幾何感強的無襯線字體——畫面中顯示的是較為有機感的人文無襯線字體。
• 避免使用厚重的投影——畫面中顯示的是極簡、平面的表面與非常細微的邊框。
• 避免使用深色模式——畫面中顯示的是明亮、溫暖的介面。
• 避免使用雜亂的版面——畫面中顯示的是充足的留白與置中的內容。
• 避免: 口語化的語言
• 避免: 吵雜或激進的行銷用語
• 避免: 密集的段落

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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