Retro はノスタルジックなデザインです。レトロなロゴタイプと丸みのある古風な書体、使い込んだ質感、高コントラストのヴィンテージ配色(紫 #8B5CF6 のアクセント)が、UI を 70 年代のポスターと古い広告の再解釈のように仕立てます。粒子と色ずれは意図的な温度であり、効率より情緒が先に立ちます。音楽フェス、レーベル、レトロなライフスタイルブランドに適しています。
レトロ
プロンプトテンプレート
基本テンプレート
Design a Retro-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Retro aesthetics. Use Retro color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Retro style. Use Retro color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Retro design language. Use Retro color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Retro visual identity. Use Retro color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用例
Retro アプリ
WebBuild a web app with Retro design language and #8B5CF6 color system.
Retro ダッシュボード
ダッシュボードCreate a dashboard using Retro style with data visualization and #3B82F6 typography.
✅ 適した用途
- レトロスタイル
- ノスタルジックなテーマページ
- レトロブランドのキャンペーン
❌ 適さない用途
- 先端テクノロジー製品
- モダンなエンタープライズアプリ
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。