Fluid Typography
Fluid typography is the adaptation of font sizes with changes in viewport width. As a result, fonts can smoothly scale between a minimum and maximum size— creating uniformity and optimal communication.
xSmall – 14px
Small – 16px
Medium – 20px
Large – 24px
xLarge – 30px
Text – 48px
Text – 60px
Text – 72px
Heading
H1 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae lorem a neque imperdiet sagittis. Vivamus et enim velit. Pellentesque dictum enim ut commodo pulvinar. Nam pulvinar ex sit amet vehicula bibendum.
H2 Heading
Quisque ullamcorper nulla eu nisi elementum, at consectetur ex iaculis quis. Vestibulum et faucibus. Quisque vitae mi arcu. Pellentesque arcu fermentum, dignissim velit vitae, malesuada elit neque condimentum.
H3 Heading
Mauris sit amet augue sollicitudin, sodales sapien, ultricies erat. Quisque aliquam nisl quis metus iaculis feugiat. Nunc eget odio ornare, laoreet nibh, posuere lorem. Donec nec elementum est, ac laoreet tortor.
H4 Heading
Maecenas sagittis bibendum condiment. Aliquam ornare condimentum, venenatis in aliquam purus elementum. Aliquam erat volutpat. Duis vel ipsum sollicitudin, volutpat ligula ullamcorper, molestie justo.
H5 Heading
Cras posuere viverra nisi, vel molestie neque aliquet convallis. Fusce tristique augue, et interdum nibh gravida vel. Etiam eu mi gravida, viverra elementum, porttitor. Nunc ut auctor lorem, sed imperdiet.
H6 Heading
Morbi sapien turpis, luctus quis gravida, hendrerit amet nibh. Consequat efficitur sagittis. Vivamus tempus justo amet sapien blandit placerat. Curabitur vestibulum dolor accumsan, finibus nulla semper lectus.