厳選・オープン・無料

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

モーションとインタラクション

インタラクティブ要素の滑らかなカラー変化 · hover可能なカードのtransform変化

インタラクティブ要素のcolorおよびbackground-colorトランジション。 · 微妙なtransformまたはopacityの変化。

08

コンポーネント

• button ピル（薬莢）型ボタン。黒背景に白文字の塗りつぶし型、またはテキストのみのタイプ。
• card 丸みのある角（12-16px）と微妙な影を持つ、柔らかな色使いのカード。
• hero 大きな抽象的なグラデーショングラフィックを背景にした中央揃えのテキスト。

09

文体と禁止事項

• トーン 科学的、洗練され、かつ親しみやすい。
• 見出し 研究と能力を強調する、明確で断定的なメッセージ。
• CTA 直接的でアクション指向。主にモノスペースの大文字テキストを使用。

• 冷たい純粋な白の背景を使用しない。スクリーンショットでは温かみのあるクリーム色（#FFF9F3）を使用している。
• 単一のフラットなアクセントカラーを使用しない。スクリーンショットではマルチカラーグラデーションとパステルカラーカードを使用している。
• 硬い幾何学的なサンセリフを使用しない。スクリーンショットではより有機的なhumanist-sansフォントを使用している。
• 重いドロップシャドウを使用しない。スクリーンショットでは非常に微妙なボーダーを持つ、控えめでフラットなサーフェスを使用している。
• ダークモードを使用しない。スクリーンショットでは明るく温かみのあるインターフェースを使用している。
• ごちゃごちゃしたレイアウトを使用しない。スクリーンショットでは豊かな余白と中央揃えのコンテンツを使用している。
• 避ける: 口語的な言葉遣い
• 避ける: 大げさまたはアグレッシブなマーケティング表現
• 避ける: 詰め込まれた段落

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

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