Kraken は 2011 年から運営する老舗の暗号資産プラットフォームで、「あなたの資金の主権をあなたに」を掲げています。このスタイルは Kraken Purple（#7132f5）をメインブランドカラーとし、ほぼ黒の本文（#101114）とクールなブルーグレーの中間色を組み合わせます。ボタンは全ピル型ではなく 12px の角丸で、シャドウはきわめて軽く（透明度 3%）、全体として落ち着いて抑制が効いています。暗号資産取引、フィンテック、プロフェッショナルなデータ UI に適しています。
Krakenフィンテックと暗号資産
プロンプトテンプレート
基本テンプレート
Design a Kraken-inspired interface. - Kraken Purple (#7132f5) as primary brand with darker variants (#5741d8, #5b1ecf); - Kraken-Brand (display) + Kraken-Product (UI) dual font system; - Near-black (#101114) text with cool blue-gray neutral scale; - 12px radius buttons (rounded but not pill); - Subtle shadows (rgba(0,0,0,0.03) 0px 4px 24px) — whisper-level. Colors: #7132f5, #5741d8, #5b1ecf, #101114 with #7132f5 accent. Typography: - Background:.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Kraken aesthetics. Use Kraken color identity with #7132f5 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Kraken style. Use Kraken color identity with #7132f5 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Kraken design language. Use Kraken color identity with #7132f5 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Kraken visual identity. Use Kraken color identity with #7132f5 accents. Compelling, conversion-focused.
使用例
Kraken アプリ
WebBuild a web app with Kraken design language and #7132f5 color system.
Kraken ダッシュボード
ダッシュボードCreate a dashboard using Kraken style with data visualization and - Background: typography.
✅ 適した用途
- フィンテック
- 暗号資産取引のダーク UI
- 金融データプロダクト
❌ 適さない用途
- 明るく温かなライフスタイルブランド
- 柔らかなパステルのプロダクト
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。