Shipfaster UI 2.7
Headings Desktop
A set of harmonious typography scale with font weight variations. These text style perfectly fit for 4px grid and go well with each other.
Get started
Use for text styles
Access on the right style panel
Display Large
Font size: 52px | Line height: 56px | Tracking: -2%
Display
Large
Display Small
Font size: 44px | Line height: 48px | Tracking: -2%
Display
Small
Heading H1
Font size: 40px | Line height: 48px | Tracking: -2%
Heading H1
Heading H1
Heading H1
Heading H2
Font size: 36px | Line height: 44px | Tracking: -2%
Heading H2
Heading H2
Heading H2
Heading H3
Font size: 32px | Line height: 40px | Tracking: -2%
Heading H3
Heading H3
Heading H3
Heading H4
Font size: 28px | Line height: 36px | Tracking: -2%
Heading H4
Heading H4
Heading H4
Heading H5
Font size: 24px | Line height: 32px | Tracking: -2%
Heading H5
Heading H5
Heading H5
Heading H6
Font size: 20px | Line height: 28px | Tracking: -2%
Heading H6
Heading H6
Heading H6
50
#eef2ff
100
#e0e7ff
200
#c7d2fe
300
#a5b4fc
400
#818cf8
500
#6366f1
600
#4f46e5
700
#4338ca
800
#3730a3
900
#312e81