Web Typography

For web typography we use rem with the default font size at 1.6rem. Learn more about rem here.

Heading 1 – 32px – 3.2rem

20px – 2 rem: This is sub head used to give a brief introduction about the page. This is typically no longer than two sentences.

 

Heading 2 – 24px – 2.4rem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec scelerisque purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut auctor sapien lorem, sit amet ultrices velit maximus at. Sed sodales est a pulvinar viverra. Maecenas ac elementum magna, ac pulvinar ligula.

Heading 3 – 21px – 2.1rem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec scelerisque purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut auctor sapien lorem, sit amet ultrices velit maximus at. Sed sodales est a pulvinar viverra. Maecenas ac elementum magna, ac pulvinar ligula.

Heading 4 – 18px – 1.8 rem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec scelerisque purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut auctor sapien lorem, sit amet ultrices velit maximus at. Sed sodales est a pulvinar viverra. Maecenas ac elementum magna, ac pulvinar ligula.

Body – 16px – 1.6 rem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec scelerisque purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut auctor sapien lorem, sit amet ultrices velit maximus at. Sed sodales est a pulvinar viverra. Maecenas ac elementum magna, ac pulvinar ligula.