Stripe はインターネットのための決済インフラを構築するフィンテック企業で、開発者体験がその立ち位置の核です。このスタイルは sohne-var の ss01 特殊字形でブランドの筆致を定義し、見出しはウェイト 300 と段階的な負のトラッキングを貫きます。シグネチャーの紫（#533afd）に深いネイビーの見出し色（#061b31）を組み合わせ、シャドウにまで青の色味が入ります。プロフェッショナルさと優雅さを併せ持つ決済・金融系 UI に適しています。
Stripeフィンテックと暗号資産
プロンプトテンプレート
基本テンプレート
Design a Stripe-inspired interface. - sohne-var with OpenType "ss01" on all text -- a custom stylistic set that defines the brand's letterforms; - Weight 300 as the signature headline weight -- light, confident, anti-convention; - Negative letter-spacing at display sizes (-1.4px at 56px, progressive relaxation downward); - Blue-tinted multi-layer shadows using rgba(50,50,93,0.25) -- elevation that feels brand-colored; - Deep navy (#061b31) headings instead of black -- warm, premium, financial-grade. Colors: #533afd, #061b31, #ffffff, #1c1e54 with #533afd accent. Typography: (.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Stripe aesthetics. Use Stripe color identity with #533afd accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Stripe style. Use Stripe color identity with #533afd accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Stripe design language. Use Stripe color identity with #533afd accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Stripe visual identity. Use Stripe color identity with #533afd accents. Compelling, conversion-focused.
使用例
Stripe アプリ
WebBuild a web app with Stripe design language and #533afd color system.
Stripe ダッシュボード
ダッシュボードCreate a dashboard using Stripe style with data visualization and ( typography.
✅ 適した用途
- フィンテック
- フィンテックプロダクトのページ
- 開発者向け決済ドキュメント
❌ 適さない用途
- 賑やかなセールキャンペーンページ
- 手描きイラストのプロダクト
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。