Mastercard 是全球支付技術公司，致力於「賦能經濟、成就個人」。該風格用暖奶油底色（#F3F0EE）取代純白，超大圓角（40px 至 1000px）成為標誌性語言，圓形人像配白色衛星 CTA 與橙色軌道弧線，標題級「浮水印」文字疊在圓環背後，內文主操作是黑色 20px 圓角按鈕。適合金融、會員與品牌體驗類介面。
Mastercard金融科技與加密
提示詞範本
基礎範本
Design a Mastercard-inspired interface. - Warm cream canvas (#F3F0EE) replaces traditional white — every surface is tinted, never sterile; - Extreme border-radius as design language: 40px, 99px, 1000px dominate; anything square is a cookie-banner third-party; - Circular image portraits with attached white satellite-CTAs and traced-orange orbital paths; - Ghost "watermark" headlines (cream-on-cream text at heading scale) layered behind circle portraits; - Black primary CTAs with 20px radius in the body — the cookie-banner orange is kept to consent flows. Colors: #EB001B, #F79E1B, #141413, #CF4500 with #EB001B accent. Typography: MarkForMC.
變體提示詞
📱 行動裝置
Design a mobile app with Mastercard aesthetics. Use Mastercard color identity with #EB001B accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Mastercard style. Use Mastercard color identity with #EB001B accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Mastercard design language. Use Mastercard color identity with #EB001B accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Mastercard visual identity. Use Mastercard color identity with #EB001B accents. Compelling, conversion-focused.
使用範例
Mastercard 應用程式
Web 端Build a web app with Mastercard design language and #EB001B color system.
Mastercard 儀表板
儀表板Create a dashboard using Mastercard style with data visualization and MarkForMC typography.
✅ 適用情境
- 金融科技
- 支付網路品牌頁
- 金融科普內容
❌ 不適用情境
- 暗黑硬核科技介面
- 粗野實驗風格
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。