MM design system

Color

plum
#201B45
off-white
#FCFAF6
blue
#0077FC
brand swatch — not for UI text (3.99:1 on cream)
blue-deep
#0077FC
--color-accent · fills + light-ground text · 5.44:1 on cream
blue-lift
#0077FC
--color-accent-text on plum · 6.87:1
lavender
#DDCAF2
gray
#55534F
black
#000000

Type

Display XL — Sports at its best

Display LG — Sports at its best

Display MD — Sports at its best

Heading 1 — Sports at its best

Heading 2 — Sports at its best

Heading 3 — Sports at its best

Body LG — the connected power of sports.

Body MD — the connected power of sports.

Body SM — the connected power of sports.

Caption — the connected power of sports.

Label — the connected power of sports.

Motifs

A minute dot in line.

Buttons

Plum surface — flips automatically.

(Same via the <Section> component.)