DSO Component Library

# Typography

Description | Markup | Preview
--- | --- | ---

Heading 1 (M, L)

`<h1>Heading</h1>`

# Bold 40px #39870C

Heading 1 (XS, S)

`<h1>Heading</h1>`

# Bold 32px #39870C

Heading 2

`<h2>Heading</h2>`

## Bold 24px #275937

Heading 3

`<h3>Heading</h3>`

### Bold 20px #275937

Heading 4

`<h4>Heading</h4>`

#### Bold 18px #275937

Heading 5

`<h5>Heading</h5>`

##### Bold 16px #191919

Body text | `<p>Text</p>` | Regular 16px #191919
Caption | `<span class="caption">Caption</span>` | Caption

Anchor

`<a href="#">Anchor</a>`

example

- anchor #39870C
- hover #676CB0
- visited #8B4A6A