Bugatti はフランスのハイパーカーブランドで、Web サイトそのものが暗いホールです。ページ全体が映画的な黒（#000000）のキャンバスで、グラデーションも色調もアクセントカラーも一切ありません。288px の Bugatti Display 全大文字見出しはカタログ中で最も極端な表示スケールであり、Display／Monospace／Text の 3 つのカスタム書体が役割を明確に分担します。パレットは黒、白、そして #999999 の中間グレー一档のみ。ピル型ボタンは透明の下地に 1px の白いボーダーを配します。ラグジュアリー、自動車、映画的なナラティブ UI に適しています。
Bugatti自動車
プロンプトテンプレート
基本テンプレート
Design a Bugatti-inspired interface. - Cinema-black #000000 canvas for the entire page — no gradients, no tints, no accents; - 288px Bugatti Display ALL-CAPS headline — the most extreme display scale in the catalog; - Three-font custom family: Bugatti Display (sculptural), Bugatti Monospace (UI labels), Bugatti Text Regular (body); - Monochrome-only palette: black, white, and a single #999999 mid gray for tertiary/disabled; - Pill buttons at 9999px radius — transparent with a 1px white border, padding 12px 24px. Colors: #000000, #000, #ffffff, #999999. Typography: (.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Bugatti aesthetics. Use Bugatti color identity with #000000 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Bugatti style. Use Bugatti color identity with #000000 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Bugatti design language. Use Bugatti color identity with #000000 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Bugatti visual identity. Use Bugatti color identity with #000000 accents. Compelling, conversion-focused.
使用例
Bugatti アプリ
WebBuild a web app with Bugatti design language and brand color system.
Bugatti ダッシュボード
ダッシュボードCreate a dashboard using Bugatti style with data visualization and ( typography.
✅ 適した用途
- 自動車業界
- ハイパーカーブランドの没入型ページ
- ミニマルな白黒のハイエンド展示
❌ 適さない用途
- 日常的な効率化ツール
- カラフルなコンシューマー EC
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。