Typography

Font family
This project use DM Sans font.

Import font into css:

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

Atoms

Heading

DM Sans – 48pt – regular/uppercase

DM Sans – 44pt – bold/uppercase

DM Sans – 44pt – regular

See code

<h1>DM Sans – 48pt – regular/uppercase</h1>
<h1 class="invert">DM Sans – 48pt – regular/uppercase</h1>

<h2>DM Sans – 44pt – bold/uppercase</h2>
<h2 class="invert">DM Sans – 44pt – bold/uppercase</h2>

<h3>DM Sans – 44pt – regular</h3>
<h3 class="invert">DM Sans – 44pt – regular</h3>

Paragraph

DM Sans – 18pt – regular

DM Sans – 18pt – regular/grey

DM Sans – 18pt – regular/white

See code

<p>DM Sans – 18pt – regular</p>

<p class="text-grey">DM Sans – 18pt – regular</p>

<p class="text-white">DM Sans – 18pt – regular</p>