Revolut は口座、両替、株式、暗号資産などを一体化して提供するデジタルバンクです。UI では Aeonik Pro が 136px、ウェイト 500 で広告看板級の見出しを描き、ほぼ黒（#191c1f）と白が二元の下地を構成します。青、シアン、ピンク、黄、緑、ブラウン、そして危険・警告に至るまで完全なセマンティックカラーシステム（--rui-* トークンで管理）を備え、ボタンは統一して 9999px のピル型に 14×32 のゆとりある内側余白、Inter の本文には 0.16〜0.24px の正のトラッキングを使います。フィンテックと多機能口座プロダクトに適しています。
Revolutフィンテックと暗号資産
プロンプトテンプレート
基本テンプレート
Design a Revolut-inspired interface. - Aeonik Pro display at 136px weight 500 — billboard-scale fintech headlines; - Near-black (#191c1f) + white binary with comprehensive --rui-* semantic tokens; - Universal pill buttons (9999px radius) with generous padding (14px 32px); - Inter for body text with positive letter-spacing (0.16px–0.24px); - Rich semantic color system: blue, teal, pink, yellow, green, brown, danger, warning. Colors: #191c1f, #ffffff, #f4f4f4, #494fdf with #494fdf accent. Typography: - Background:.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Revolut aesthetics. Use Revolut color identity with #494fdf accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Revolut style. Use Revolut color identity with #494fdf accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Revolut design language. Use Revolut color identity with #494fdf accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Revolut visual identity. Use Revolut color identity with #494fdf accents. Compelling, conversion-focused.
使用例
Revolut アプリ
WebBuild a web app with Revolut design language and #494fdf color system.
Revolut ダッシュボード
ダッシュボードCreate a dashboard using Revolut style with data visualization and - Background: typography.
✅ 適した用途
- フィンテック
- デジタルバンクアプリ
- ダークな金融 UI
❌ 適さない用途
- 暖色系のライフスタイルブランド
- レトロ装飾のページ
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。