UI: Font Style

Heading Elements & Classes

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum
Lorem ipsum

Body Text Classes

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Eyebrow Classes

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Button Class

Heading Elements & Classes

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Preview of heading classes on a <p> tag:

Paragraph with .h1 class

Paragraph with .h2 class

Paragraph with .h3 class

Paragraph with .h4 class

Paragraph with .h5 class

Paragraph with .h6 class

Body Text Classes

Body Intro Text

Body Extra Large Text

Body Large Text (.body-large)

Body Medium Text

Body Small Text (.body-small)

Body Extra Small Text

Body Tiny Text

Eyebrow Classes

LARGE EYEBROW

LARGE THICK EYEBROW

SMALL EYEBROW

SMALL THICK EYEBROW

Button Class

Site Guide Index

Let’s Get Social

#pgafrisco