Coinbase は信頼とコンプライアンスを重視する暗号資産取引プラットフォームで、使命は「世界中の経済的自由を増やすこと」です。このスタイルは Coinbase Blue（#0052ff）を唯一のブランドカラーとし、ほぼ黒（#0a0b0d）のダーク領域と白のライト領域を交互に配置。見出しの行高は 1.00 まで詰め、ボタンは 56px の大きなピル型角丸を採用し、専用の 4 書体ファミリーと合わせて、クリーンで信頼に応える印象をつくります。暗号資産金融、ウォレット、決済系プロダクトに適しています。
Coinbaseフィンテックと暗号資産
プロンプトテンプレート
基本テンプレート
Design a Coinbase-inspired interface. - Coinbase Blue (#0052ff) as singular brand accent; - Four-font proprietary family: Display, Sans, Text, Icons; - 56px radius pill buttons with blue hover transition; - Near-black (#0a0b0d) dark sections + white light sections; - 1.00 line-height on display headings — ultra-tight. Colors: #0052ff, #ffffff, #0a0b0d, #eef0f3 with #0052ff accent. Typography: - Background:.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Coinbase aesthetics. Use Coinbase color identity with #0052ff accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Coinbase style. Use Coinbase color identity with #0052ff accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Coinbase design language. Use Coinbase color identity with #0052ff accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Coinbase visual identity. Use Coinbase color identity with #0052ff accents. Compelling, conversion-focused.
使用例
Coinbase アプリ
WebBuild a web app with Coinbase design language and #0052ff color system.
Coinbase ダッシュボード
ダッシュボードCreate a dashboard using Coinbase style with data visualization and - Background: typography.
✅ 適した用途
- フィンテック
- 暗号資産アプリ
- 信頼感が求められる金融 UI
❌ 適さない用途
- サブカルチャー系のトレンドページ
- 装飾過多のレトロサイト
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。