Stripe builds payments infrastructure for the internet. Its typeface sohne-var runs in the ss01 stylistic set, headlines hold weight 300 with progressive negative tracking, and signature purple (#533afd) pairs with deep navy (#061b31) — even shadows are blue-tinted. A natural fit for fintech interfaces needing rigor and elegance.
FintechVibrant
Prompt Template
Base Template
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: (.
Variant Prompts
📱 Mobile
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.
📊 Dashboard
Design a dashboard with Stripe design language. Use Stripe color identity with #533afd accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Stripe visual identity. Use Stripe color identity with #533afd accents. Compelling, conversion-focused.
Usage Examples
Stripe App
WebBuild a web app with Stripe design language and #533afd color system.
Stripe Dashboard
DashboardCreate a dashboard using Stripe style with data visualization and ( typography.
✅ Best For
- Fintech
- Fintech product pages
- Developer payment documentation
❌ Avoid For
- Lively promotional pages
- Hand-drawn illustration products
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.