Gallery
spyninjashq.comSpy Ninjas HQ: Las Vegas Adventure Park - Trampolines, Escape Rooms, Axe Throwing, VR, and More!
spyninjashq.comSpy Ninjas HQ: Las Vegas Adventure Park - Trampolines, Escape Rooms, Axe Throwing, VR, and More!1
Colors
Spacing
xs
4px
sm
8px
md
16px
lg
24px
xl
40px
gutter
15px
margin
24px
Rounded
none0px
sm3px
md5px
lg10px
xl16px
full9999px
Shadows
sm
0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
md
0px 9px 9px -3px rgba(0,0,0,0.75)
lg
0 10px 20px -3px rgba(0,0,0,0.40)
xl
0 20px 40px -5px rgba(0,0,0,0.50)
Font
Open Sans
Aa Bb Cc 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz
Anton
Aa Bb Cc 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz
Heading
Headline Displayheadline-font · 80px · 400
Display headline
Headline LGheadline-font · 64px · 400
The quick brown fox
Headline MDAnton · 48px · 400
Design systems at scale
Headline SMAnton · 32px · 400
Color, type, and spacing
Text
Body LGOpen Sans · 18px · 400
The quick brown fox jumps over the lazy dog. Lead paragraph copy for marketing pages.
Body MDOpen Sans · 16px · 400
The quick brown fox jumps over the lazy dog. Standard body copy throughout the application.
Body SMOpen Sans · 14px · 400
Supporting text, captions, and metadata appear at this size.
Label LGOpen Sans · 14px · 600
Button label · Primary action
Label MDOpen Sans · 13px · 600
Form label · Required field
Label SMOpen Sans · 12px · 600
Badge · Tag · Micro-copy