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.