Mastercard

Difficulty:
Industry
mastercard

Effect Preview

Style Description

Global payment network. Warm cream base, rounded pill shapes

Tags

MastercardFintech

Prompt Template

Base Template
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.

Variant Prompts

📱 Mobile
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.
📊 Dashboard
Design a dashboard with Mastercard design language. Use Mastercard color identity with #EB001B accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Mastercard visual identity. Use Mastercard color identity with #EB001B accents. Compelling, conversion-focused.

Usage Examples

Mastercard App

Web App
Build a web app with Mastercard design language and #EB001B color system.

Mastercard Dashboard

Dashboard
Create a dashboard using Mastercard style with data visualization and MarkForMC typography.

✅ Best For

  • Fintech
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines