<h1 class="headline headline--1">Lexend, Bold, 45px, ZA 54px, LW 0,3</h1>
{ "level": 1, "text": "Lexend, Bold, 45px, ZA 54px, LW 0,3", "size": 1 }
<h2 class="headline headline--2">Lexend, Regular, 45px, ZA 54px, LW 0,3</h2>
{ "level": 2, "text": "Lexend, Regular, 45px, ZA 54px, LW 0,3", "size": 2 }
<h3 class="headline headline--3">Lexend, Regular, 40px, ZA 50px, LW 0,3</h3>
{ "level": 3, "text": "Lexend, Regular, 40px, ZA 50px, LW 0,3", "size": 3 }
<h3 class="headline headline--4">Lexend, Regular, 26px, ZA 32px, LW 0,3</h3>
{ "level": 3, "text": "Lexend, Regular, 26px, ZA 32px, LW 0,3", "size": 4 }
<h3 class="headline headline--5">Lexend, Bold, 18px, ZA 34px, LW 0,6</h3>
{ "level": 3, "text": "Lexend, Bold, 18px, ZA 34px, LW 0,6", "size": 5 }
<h3 class="headline headline--6">Lexend, Regular, Caps, 16px, ZA 24px, LW 1,6</h3>
{ "level": 3, "text": "Lexend, Regular, Caps, 16px, ZA 24px, LW 1,6", "size": 6 }