sportcoachitalia.it2
Colors
Spacing
xs
4px
sm
8px
md
16px
lg
24px
xl
40px
gutter
16px
margin
24px
Rounded
none0px
sm2px
md3px
lg6px
xl12px
full9999px
Shadows
sm
6px 6px 9px rgba(0, 0, 0, 0.2)
md
12.9px 15.3px 15px 0 rgba(105, 105, 105, 0.08)
lg
0 3px 3px 1px rgba(0, 0, 0, 0.10)
xl
12px 12px 50px rgba(0, 0, 0, 0.4)
Font
Jost
Aa Bb Cc 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz
Heading
Headline DisplayJost · 36px · 700
Display headline
Headline LGJost · 32px · 700
The quick brown fox
Headline MDJost · 28px · 700
Design systems at scale
Headline SMJost · 24px · 700
Color, type, and spacing
Text
Body LGJost · 18px · 400
The quick brown fox jumps over the lazy dog. Lead paragraph copy for marketing pages.
Body MDJost · 16px · 400
The quick brown fox jumps over the lazy dog. Standard body copy throughout the application.
Body SMJost · 15px · 400
Supporting text, captions, and metadata appear at this size.
Label LGPoppins · 16px · 500
Button label · Primary action
Label MDJost · 14px · 600
Form label · Required field
Label SMJost · 13px · 600
Badge · Tag · Micro-copy