Style

Typography and colors used to style this theme.

Typography

Type Example Font Font Size
Display 1 ABCabc Fira Sans 6 rem
Display 2 ABCabc Fira Sans 5.5 rem
Display 3 ABCabc Fira Sans 4.5 rem
Display 4 ABCabc Fira Sans 3.5 rem
Heading 1

ABCabc

Playfair Display 3 rem
Heading 2

ABCabc

Playfair Display 2.25 rem
Heading 3

ABCabc

Playfair Display 1.75 rem
Heading 4

ABCabc

Playfair Display 1.5 rem
Paragraph

ABCabc

Fira Sans 1 rem

Lead

Make a paragraph stand out by adding .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Quote

Add .quote to add style and quotes to a text.

Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.

Links

Links inside paragraphs are underlined.

Blockquote

Add .blockquote for quoting blocks of content from another source.

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer posuere erat a ante.

Someone famous in Source Title

Colors

Primary
Secondary
Success
Info
Warning
Danger
Light
Dark