ElevenLabs はリアルな音声と音声エージェントを生成する AI 音声プラットフォームです。そのスタイルは軽やかで透明感があります。ほぼ白の暖色キャンバス（#f5f2ef）に、Waldenburg のウェイト 300 が「ささやくような」見出しを描き、Inter の本文は正のトラッキング（0.14〜0.18px）で空気感を増します。多層シャドウの透明度は 0.1 未満に抑えられ、サーフェスは「ほとんど存在しない」かのようです。ピル型ボタンには暖かなストーン色の下地を配します。AI 音声、オーディオ、コンテンツツールに適しています。
ElevenLabsAI・大規模モデル
プロンプトテンプレート
基本テンプレート
Design a ElevenLabs-inspired interface. - Near-white canvas with warm undertones (#f5f5f5, #f5f2ef); - Waldenburg weight 300 (light) for display — ethereal, whisper-thin headings; - Inter with positive letter-spacing (0.14–0.18px) for body — airy readability; - Multi-layered shadow stacks at sub-0.1 opacity — surfaces barely exist; - Pill buttons (9999px) with warm stone-tinted backgrounds. Colors: #ffffff, #f5f5f5, #f5f2ef, #000000 with #7fffff accent. Typography: - Background:.
バリエーションプロンプト
📱 モバイル
Design a mobile app with ElevenLabs aesthetics. Use ElevenLabs color identity with #7fffff accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with ElevenLabs style. Use ElevenLabs color identity with #7fffff accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with ElevenLabs design language. Use ElevenLabs color identity with #7fffff accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with ElevenLabs visual identity. Use ElevenLabs color identity with #7fffff accents. Compelling, conversion-focused.
使用例
ElevenLabs アプリ
WebBuild a web app with ElevenLabs design language and #7fffff color system.
ElevenLabs ダッシュボード
ダッシュボードCreate a dashboard using ElevenLabs style with data visualization and - Background: typography.
✅ 適した用途
- AI
- オーディオと音声系プロダクト
- リッチメディアのクリエイターツール
❌ 適さない用途
- 明るい小売モール
- 平凡なフォーム管理画面
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。