Bold は強い存在感を主眼に置いた表現スタイルです。ヘビーウェイトの書体が全体を押さえ、文字サイズは思い切って大きく太く。高コントラストの色彩が直接的なインパクトを与えます。緑（#009866）と青（#0077BC）が白黒の骨格の上で要点を力強くマークし、情報は回りくどく語らず、ビジュアルで first impression を奪います。イベントページ、ローンチページ、そして「一度立ち止まって見てもらう」必要があるマーケティングのシーンに適しています。
大胆な表現
プロンプトテンプレート
基本テンプレート
Design a Bold-inspired interface. Colors: #009866, #16A34A, #D97706, #DC2626 with #009866 accent. Typography: #0077BC.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Bold aesthetics. Use Bold color identity with #009866 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Bold style. Use Bold color identity with #009866 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Bold design language. Use Bold color identity with #009866 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Bold visual identity. Use Bold color identity with #009866 accents. Compelling, conversion-focused.
使用例
Bold アプリ
WebBuild a web app with Bold design language and #009866 color system.
Bold ダッシュボード
ダッシュボードCreate a dashboard using Bold style with data visualization and #0077BC typography.
✅ 適した用途
- 強い表現が求められるシーン
- インパクトが必要なイベントページ
- 音楽とトレンドブランドのサイト
❌ 適さない用途
- 静かで抑制の効いた読書サイト
- データを精密に扱う分析コンソール
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。