Wise は「国境のない資金」を掲げるクロスボーダー口座です。150 以上の国、40 の通貨、ひとつの口座。スタイルは明快で親しみやすく、Wise Sans がウェイト 900、行高 0.85 で広告看板級の見出しを描きます。ライムグリーン（#9fe870）は常に深緑の文字（#163300）と組み合わせて現れ、自然な印象を与えます。本文は細いウェイトではなく Inter 600 を使い、ほぼ黒の主色（#0e0f0c）は暖かな緑の下地を帯び、ボタンはホバーで 1.05 倍に拡大します。フィンテックと明快で親しみやすいプロダクト UI に適しています。
Wiseフィンテックと暗号資産
プロンプトテンプレート
基本テンプレート
Design a Wise-inspired interface. - Wise Sans at weight 900, 0.85 line-height — billboard-scale bold headlines; - Lime Green (#9fe870) accent with dark green text (#163300) — nature-inspired fintech; - Inter body at weight 600 as default — confident, not light; - Near-black (#0e0f0c) primary with warm green undertone; - Scale(1.05) hover animations — buttons physically grow. Colors: #0e0f0c, #9fe870, #163300, #e2f6d5 with #9fe870 accent. Typography: - Background:.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Wise aesthetics. Use Wise color identity with #9fe870 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Wise style. Use Wise color identity with #9fe870 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Wise design language. Use Wise color identity with #9fe870 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Wise visual identity. Use Wise color identity with #9fe870 accents. Compelling, conversion-focused.
使用例
Wise アプリ
WebBuild a web app with Wise design language and #9fe870 color system.
Wise ダッシュボード
ダッシュボードCreate a dashboard using Wise style with data visualization and - Background: typography.
✅ 適した用途
- フィンテック
- クロスボーダー金融プロダクト
- 明快で親しみやすい金融 UI
❌ 適さない用途
- ダークでハードコアなスタイル
- レトロ装飾のページ
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。