Stripe 是为互联网构建支付基础设施的金融科技公司，开发者体验是其立身之本。该风格用 sohne-var 的 ss01 特殊字形定义品牌笔势，标题坚持 300 字重与渐进负字距，标志性紫色（#533afd）搭配深海军蓝标题色（#061b31），连阴影都带蓝调。适合兼具专业与优雅气质的支付、金融类界面。
金融科技与加密Vibrant
提示词模板
基础模板
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 应用
Web 端Build 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 编程工具使用。