CURATED · OPEN · FREE

Mastercard

A clean, neutral interface for a global financial utility.

FintechCorporateEditorialCleanConsumer

Open in OpenDesign

Visit: https://www.mastercard.com

Identity DNA

globalfinancialaccessibletrusted

A universal gateway for digital commerce.

Color

#000000Ink

#ffffffBG

rgba(0, 0, 0, 0.1)Line

Absolute monochrome with high contrast for maximum legibility and neutrality.

Typography

transitional-serif

body16px · 400

Text is strictly set in a transitional serif typeface. · Weight is consistently 400. · Text size is a fixed 16px.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

A clean, standard vertical rhythm.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

Simple, solid 1px black borders.

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

A standard, full-width corporate layout.

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

Subtle fades and transitions for state changes.

Underline or opacity change for text links. · Standard system feedback.

Components

button Simple text links or standard system buttons.
card Content blocks defined by thin borders.
input Standard system inputs with black borders.
hero A large, clean area with minimal text and the brand mark.

Voice & Don'ts

Tone Authoritative, clear, and neutral.
Headlines Direct and declarative.
CTAs Clear, actionable text links.

Don't use sans-serif fonts — screenshot shows transitional-serif fonts instead.
Don't use colored backgrounds — screenshot shows a plain white background instead.
Don't use drop shadows — screenshot shows flat, border-defined elements instead.
Don't use rounded corners — screenshot shows sharp, 0px corners instead.
Don't use a vibrant accent color — screenshot shows a strictly monochrome palette instead.
Don't use heavy font weights — screenshot shows a consistent 400 weight instead.
Avoid: Slang
Avoid: Overly casual language
Avoid: Ambiguous phrasing

System prompt

Design a clean, authoritative, and neutral interface for a global financial utility. Use a strict monochrome palette: #000000 ink on #ffffff background. Typography is set in a transitional-serif category, 16px at 400 weight. Layout is spacious and grid-based. Do not use colored accents, rounded corners, or drop shadows. The goal is maximum clarity and trust.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗

en · zh-CN · zh-TW · ja · ko