Mastercard 是全球支付技术公司，致力于「赋能经济、成就个人」。该风格用暖奶油底色（#F3F0EE）取代纯白，超大圆角（40px 至 1000px）成为标志性语言，圆形人像配白色卫星 CTA 与橙色轨道弧线，标题级「水印」文字叠在圆环背后，正文主操作是黑色 20px 圆角按钮。适合金融、会员与品牌体验类界面。
金融科技与加密现代极简
提示词模板
基础模板
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 编程工具使用。