Mastercard design system

# Payments orbit

Warm editorial finance built from circles, pills, and signal orange.

Primary warm black pill Secondary action

Live module

### orbital cream capsule

online
98%Signal quality
24 Active flows
3.2s Response time

### Palette

putty-cream editorial canvas, orbital geometry, and warm payment-network restraint.

### Control

Focus, hover, and status states share the same brand signal.

Reference input

Typography

## Display rhythm

Headlines use the brand display stack with the declared scale and leading.

Surface

## Layer system

Cards, warm panels, borders, and raised states resolve through shared tokens.

Interaction

## Motion states

Buttons, inputs, and panels use brand-specific focus rings and easing.