Typography

Note: Artsy UI has a root font size set to 62.5% (1rem=10px)

Artsyu UI uses font family: Lora for headings and Nunito for body text, both availble for free on Google Fonts.

Headings

Heading 1

Font-size: 4.8rem

Heading 2

Font-size: 3.2rem

Heading 3

Font-size: 2.4rem

Heading 4

Font-size: 1.6rem

<h1>Heading 1</h1>
  <h2>Heading 2</h2>
  <h3>Heading 3</h3>
  <h4>Heading 4</h4>

Body

By default, body has a font-size of 16px

Large Text

Regular Text

Medium Text

Small Text

Gray Text

Center Text

<p class="body-l"><!-- text --></p>
  <p class="body-r"><!-- text --></p>
  <p class="body-md"><!-- text --></p>
  <p class="body-sm"><!-- text --></p>
  <p class="body-l gray-text"><!-- text --></p>
  <p class="body-l center-text"><!-- text --></p>