Brutalism はコンクリート建築のブルータリズムに由来します。装飾と柔らかさを拒み、むき出しの構造、無骨なボーダー、高彩度の色面によって「アンチデザイン」の誠実さを表現します。マスタードイエロー（#DAA144）とレンガレッド（#DD614C）が白黒の骨格の上で衝突を生み、タイポグラフィは重厚で境界は明快です。先鋭的なブランド、カルチャーイベント、そして主張が必要なクリエイティブプロジェクトに適しています。
Brutalism大胆な表現
プロンプトテンプレート
基本テンプレート
Design a Brutalism-inspired interface. Colors: #DAA144, #16A34A, #D97706, #DC2626 with #DAA144 accent. Typography: #DD614C.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Brutalism aesthetics. Use Brutalism color identity with #DAA144 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Brutalism style. Use Brutalism color identity with #DAA144 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Brutalism design language. Use Brutalism color identity with #DAA144 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Brutalism visual identity. Use Brutalism color identity with #DAA144 accents. Compelling, conversion-focused.
使用例
Brutalism アプリ
WebBuild a web app with Brutalism design language and #DAA144 color system.
Brutalism ダッシュボード
ダッシュボードCreate a dashboard using Brutalism style with data visualization and #DD614C typography.
✅ 適した用途
- 強い表現が求められるシーン
- 先鋭的なアートと実験的プロジェクト
- 主張の鮮明なカルチャーページ
❌ 適さない用途
- 従来型の金融機関の公式サイト
- 繊細で柔らかなベビー・マタニティ製品
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。