Renault Group は「新世代の自動車会社」で、電動化への転換を加速しています。Web サイトは全画面のカルーセルにマゼンタ、バイオレット、ティールが織りなすオーロラグラデーションを載せ、車両がその中に浮かびます。カスタム書体 NouvelR の「過激な r」は 28° の斜めに切れ、菱形ロゴの幾何学と呼応します。Renault イエロー（#EFDF00）はスーパーメインカラーとして最優先の CTA にのみ現れ、ボタンは角丸ゼロの直角矩形で精密なエンジニアリング感を表現します。カードはエディトリアルグリッドにフルブリード写真とダークグラデーションのマスクを組み合わせます。自動車と活力あるブランドの UI に適しています。
Renault自動車
プロンプトテンプレート
基本テンプレート
Design a Renault-inspired interface. - Full-screen hero carousel with vivid aurora gradient backgrounds (magenta/violet/teal) behind vehicle imagery; - NouvelR proprietary typeface with 28-degree "radical r" cut matching the diamond logo geometry; - Renault Yellow (#EFDF00) as the super-primary accent — used sparingly for highest-priority CTAs; - Zero border-radius on all buttons — sharp rectangular forms expressing precision engineering; - Card-based editorial grid with full-bleed photography and dark gradient overlays. Colors: #EFDF00, #000000, #FFFFFF, #F8EB4C with #EFDF00 accent. Typography: — The default action button:.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Renault aesthetics. Use Renault color identity with #EFDF00 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Renault style. Use Renault color identity with #EFDF00 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Renault design language. Use Renault color identity with #EFDF00 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Renault visual identity. Use Renault color identity with #EFDF00 accents. Compelling, conversion-focused.
使用例
Renault アプリ
WebBuild a web app with Renault design language and #EFDF00 color system.
Renault ダッシュボード
ダッシュボードCreate a dashboard using Renault style with data visualization and — The default action button: typography.
✅ 適した用途
- 自動車業界
- 自動車ブランドのキャンペーンページ
- 活力あるグラデーションのビジュアル
❌ 適さない用途
- 落ち着いた保守的な公式サイト
- 密集したデータツール
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。