christies.com1
Colors
Spacing
xs
4px
sm
8px
md
16px
lg
20px
xl
40px
gutter
20px
margin
40px
Rounded
none0px
sm2px
md4px
lg8px
xl16px
full9999px
Shadows
sm
rgba(34, 34, 34, 0.10) 0px 0px 0px 1px inset
md
0 2px 8px 0 rgba(0, 0, 0, 0.08)
lg
0 8px 24px 0 rgba(0, 0, 0, 0.10)
xl
0 16px 40px 0 rgba(0, 0, 0, 0.12)
Font
ABCArizonaSans
Aa Bb Cc 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz
Times New Roman
Aa Bb Cc 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz
Heading
Headline DisplayTimes New Roman · 64px · 400
Display headline
Headline LGTimes New Roman · 40px · 400
The quick brown fox
Headline MDTimes New Roman · 28px · 400
Design systems at scale
Headline SMTimes New Roman · 20px · 400
Color, type, and spacing
Text
Body LGABCArizonaSans · 20px · 300
The quick brown fox jumps over the lazy dog. Lead paragraph copy for marketing pages.
Body MDABCArizonaSans · 16px · 300
The quick brown fox jumps over the lazy dog. Standard body copy throughout the application.
Body SMABCArizonaSans · 14px · 400
Supporting text, captions, and metadata appear at this size.
Label LGABCArizonaSans · 16px · 400
Button label · Primary action
Label MDABCArizonaSans · 14px · 500
Form label · Required field
Label SMABCArizonaSans · 12px · 500
Badge · Tag · Micro-copy