Mistral AI は「ソブリン AI」を掲げるオープンウェイトモデル企業で、企業が最先端モデルを所有し制御できるようにします。色彩の宇宙は完全にゴールドアンバーで構成され、クリームホワイト（#fffaeb）から灼熱のオレンジ（#fa520f）まで展開。82px の見出しには -2.05px の大胆な負のトラッキングを適用し、シャドウにもアンバーの色味を帯びます。「M」のカラーブロックが黄から橙へのグラデーションでブランドの記号となり、暖かな金色の風景写真がビジュアルを貫きます。AI プラットフォームとフレンチミニマルの気質の UI に適しています。
Mistral AIAI・大規模モデル
プロンプトテンプレート
基本テンプレート
Design a Mistral AI-inspired interface. - Golden-amber color universe: every tone from pale cream (#fffaeb) to burnt orange (#fa520f); - Massive display typography (82px) with aggressive negative letter-spacing (-2.05px); - Warm golden shadow system using amber-tinted rgba values; - The Mistral "M" block identity — a gradient from yellow to orange; - Dramatic landscape photography in warm golden tones. Colors: #fa520f, #fb6424, #ff8105, #ff8a00 with #fa520f accent. Typography: Likely a custom font (Font Source detected) with.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Mistral AI aesthetics. Use Mistral AI color identity with #fa520f accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Mistral AI style. Use Mistral AI color identity with #fa520f accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Mistral AI design language. Use Mistral AI color identity with #fa520f accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Mistral AI visual identity. Use Mistral AI color identity with #fa520f accents. Compelling, conversion-focused.
使用例
Mistral AI アプリ
WebBuild a web app with Mistral AI design language and #fa520f color system.
Mistral AI ダッシュボード
ダッシュボードCreate a dashboard using Mistral AI style with data visualization and Likely a custom font (Font Source detected) with typography.
✅ 適した用途
- AI
- モデルベンダーのプロダクト公式サイト
- AI プラットフォームの技術ブログ
❌ 適さない用途
- 高彩度な子ども向け製品
- 装飾過多のレトロページ
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。