Stripe 是為網際網路建構支付基礎設施的金融科技公司，開發者體驗是其立身之本。該風格用 sohne-var 的 ss01 特殊字形定義品牌筆勢，標題堅持 300 字重與漸進負字距，標誌性紫色（#533afd）搭配深海軍藍標題色（#061b31），連陰影都帶藍調。適合兼具專業與優雅氣質的支付、金融類介面。
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 應用程式
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 程式設計工具使用。