Website Styleguide
Tutorial Video
Base Value: 18
Scale: 1.25
107px
5.944rem
6XL Bold
86px
4.778rem
5XL Bold
69px
3.833rem
4XL Bold
55px
3.056rem
3XL Bold
44px
2.444rem
2XL Bold
35px
1.944rem
XL Bold
28px
1.556rem
LG Bold
23px
1.278rem
MD Bold
18px
1.000rem
Base Bold
14px
0.778rem
SM Bold
12px
0.667rem
XS Bold
Base Value: 18
Scale: 1.25
107px
5.944rem
6XL Reg
86px
4.778rem
5XL Reg
69px
3.833rem
4XL Reg
55px
3.056rem
3XL Reg
44px
2.444rem
2XL Reg
35px
1.944rem
XL Reg
28px
1.556rem
LG Reg
23px
1.278rem
MD Reg
18px
1.000rem
Base Reg
14px
0.778rem
SM Reg
12px
0.667rem
XS Reg

Eyebrow

Placeholder section title here

Lorem ipsum dolor sit amet consectetur. Quis vitae pellentesque tristique semper egestas in dignissim. Ornare justo venenatis tellus amet sociis. Elit leo varius ac ornare feugiat etiam viverra leo ornare.

Eyebrow

Placeholder section title here

Lorem ipsum dolor sit amet consectetur. Quis vitae pellentesque tristique semper egestas in dignissim. Ornare justo venenatis tellus amet sociis. Elit leo varius ac ornare feugiat etiam viverra.

eyebrow
Placeholder feature box example headline right
Lorem ipsum dolor sit amet consectetur. Lacus porta tellus turpis lacinia morbi ut blandit ut imperdiet. Nibh porttitor vehicula habitasse facilisi. Feugiat nec tempus egestas in amet sit.
Button Text
Eyebrow
Placeholder feature box example headline left
Lorem ipsum dolor sit amet consectetur. Lacus porta tellus turpis lacinia morbi ut blandit ut imperdiet. Nibh porttitor vehicula habitasse facilisi. Feugiat nec tempus egestas in amet sit.
Button Text