Typography Variants Showcase

H1

Example Font Guide

h1-light-magistral

Example Font Guide

h1-regular-magistral

Example Font Guide

h1-medium-magistral

Example Font Guide

h1-bold-magistral

Example Font Guide

h1-light-jakarta

Example Font Guide

h1-regular-jakarta

Example Font Guide

h1-medium-jakarta

Example Font Guide

h1-semibold-jakarta

Example Font Guide

h1-bold-jakarta

H2

Example Font Guide

h2-light-magistral

Example Font Guide

h2-regular-magistral

Example Font Guide

h2-medium-magistral

Example Font Guide

h2-bold-magistral

Example Font Guide

h2-light-jakarta

Example Font Guide

h2-regular-jakarta

Example Font Guide

h2-medium-jakarta

Example Font Guide

h2-semibold-jakarta

Example Font Guide

h2-bold-jakarta

H3

Example Font Guide

h3-light-magistral

Example Font Guide

h3-regular-magistral

Example Font Guide

h3-medium-magistral

Example Font Guide

h3-bold-magistral

Example Font Guide

h3-light-jakarta

Example Font Guide

h3-regular-jakarta

Example Font Guide

h3-medium-jakarta

Example Font Guide

h3-semibold-jakarta

Example Font Guide

h3-bold-jakarta

H4

Example Font Guide

h4-light-magistral

Example Font Guide

h4-regular-magistral

Example Font Guide

h4-medium-magistral

Example Font Guide

h4-bold-magistral

Example Font Guide

h4-light-jakarta

Example Font Guide

h4-regular-jakarta

Example Font Guide

h4-medium-jakarta

Example Font Guide

h4-semibold-jakarta

Example Font Guide

h4-bold-jakarta

H5

Example Font Guide

h5-light-magistral

Example Font Guide

h5-regular-magistral

Example Font Guide

h5-medium-magistral

Example Font Guide

h5-bold-magistral

Example Font Guide

h5-light-jakarta

Example Font Guide

h5-regular-jakarta

Example Font Guide

h5-medium-jakarta

Example Font Guide

h5-semibold-jakarta

Example Font Guide

h5-bold-jakarta

H6

Example Font Guide

h6-light-magistral

Example Font Guide

h6-regular-magistral

Example Font Guide

h6-medium-magistral

Example Font Guide

h6-bold-magistral

Example Font Guide

h6-light-jakarta

Example Font Guide

h6-regular-jakarta

Example Font Guide

h6-medium-jakarta

Example Font Guide

h6-semibold-jakarta

Example Font Guide

h6-bold-jakarta

Body

Example Font Guide

body-light-magistral

Example Font Guide

body-regular-magistral

Example Font Guide

body-medium-magistral

Example Font Guide

body-bold-magistral

Example Font Guide

body-light-jakarta

Example Font Guide

body-regular-jakarta

Example Font Guide

body-medium-jakarta

Example Font Guide

body-semibold-jakarta

Example Font Guide

body-bold-jakarta

Subtext

Example Font Guide

subtext-light-magistral

Example Font Guide

subtext-regular-magistral

Example Font Guide

subtext-medium-magistral

Example Font Guide

subtext-bold-magistral

Example Font Guide

subtext-light-jakarta

Example Font Guide

subtext-regular-jakarta

Example Font Guide

subtext-medium-jakarta

Example Font Guide

subtext-semibold-jakarta

Example Font Guide

subtext-bold-jakarta

Extra Subtext

Example Font Guide

extra-subtext-light-magistral

Example Font Guide

extra-subtext-regular-magistral

Example Font Guide

extra-subtext-medium-magistral

Example Font Guide

extra-subtext-bold-magistral

Example Font Guide

extra-subtext-light-jakarta

Example Font Guide

extra-subtext-regular-jakarta

Example Font Guide

extra-subtext-medium-jakarta

Example Font Guide

extra-subtext-semibold-jakarta

Example Font Guide

extra-subtext-bold-jakarta