logomoney

Design system

Primitives and tokens generated from design-tokens/tokens.json.

Text primitive

Typography

super-headline

Super headline

big-headline

Big headline

headline

Headline

interface

Interface label

tag

Tag

body

Body copy for paragraphs and longer UI text.

eyebrow

Eyebrow

Logo card

Card

Theme

Default size

view="historical"

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials
view="financial" (+1.6%)

Chase Manhattan Bank

1961

Save
DIRECTJPM
Financials+1.6%
view="financial" (−2.3%)

Chase Manhattan Bank

1961

Save
DIRECTJPM
Financials-2.3%
view="financial" (private)

Private Holdings

1961

Save
PRIVATE
Financials

Color mode (historical only)

Default

Default · colorMode="color", theme="light"

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials
Default · colorMode="color", theme="dark"

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Mini

Mini · colorMode="color", theme="light"

Chase Manhattan Bank

Save
Mini · colorMode="color", theme="dark"

Chase Manhattan Bank

Save

Micro

Micro · colorMode="color", theme="light"
Micro · colorMode="color", theme="dark"

Mini size

company + svg

Chase Manhattan Bank

Save

Micro size

svg only

Each size renders at the tier selected above — use the grid showcase to preview responsive layout at scale.

Card layout

Grid

Card size
Theme

6 columns · gap clamp(2–16) · shifts to mini at mobile

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Chase Manhattan Bank

1961

Save
DIRECTJPM
RotationSquareOctagonRadialTrapezoid
Tom GeismarChermayeff & GeismarUnited StatesFinancials

Resize the viewport to see responsive gap scaling and column counts.

Button primitive

Buttons

From tokens

Accent colors

orange
mustard
chartreuse
green
deep-teal
muted-cyan
slate-blue
indigo
mulberry
dusty-pink
red-earth

Base palette

Semantic colors

background
foreground
surface
border
muted text