---
name: Mastercard
description: "This design is a strong example of a restrained, utility-focused corporate identity that prioritizes clarity and trust over expression."
version: alpha

colors:
  background: "#ffffff"
  primary: "#000000"
  line: "rgba(0, 0, 0, 0.1)"

typography:
  body:
    fontFamily: transitional-serif
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 0px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

A clean, neutral interface for a global financial utility.

*A universal gateway for digital commerce.*

## Colors

Absolute monochrome with high contrast for maximum legibility and neutrality.

- **Background (`#ffffff`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Borders (`rgba(0, 0, 0, 0.1)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** transitional-serif

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

## Layout

A standard, full-width corporate layout.

*Rhythm:* A clean, standard vertical rhythm.

## Elevation & Depth

- Borders: Simple, solid 1px black borders.

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 0px

## 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.

## Do's and Don'ts

**Don't:**
- 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.

---

## System Prompt (paste into AI agent)

```
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.
```