Typography

Borders are shown around the examples below in order to illustrate the margin styles.

Headings (Semibold)


<.h1>

H1 for main headers

<.h2>

H2 for headings

<.h3>

H3 for headings

<.h4>

H4 for headings

<.h5>

H5 for headings

Headings (Medium)


<.h1>

H1 for main headers

<.h2>

H2 for headings

<.h3>

H3 for headings

<.h4>

H4 for headings

<.h5>

H5 for headings

Body and Paragraphs


<.p size="xs">

Extra-small body text

<.p size="sm">

Small body text

<.p size="base"> (default)

Base size body text

<.p size="lg">

Large body text

<.p size="xl">

Extra-large body text

CSS classes

In addition to the above components, the following classes can be given to standard HTML text content elements.


<p class="gc-type-caption">

Caption text

<p class="gc-type-caption gc-font-weight-medium">

Caption text