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
Heading 5

ABCabc

Playfair Display 1.25 rem
Heading 6

ABCabc

Playfair Display 1 rem
Paragraph

ABCabc

Fira Sans 1 rem

Responsive font sizes

The theme has the responsive font size option turned on, allowing the text to scale more naturally across viewport sizes.

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

Bootstrap Documentation

Colors

Primary
Secondary
Success
Info
Warning
Danger
Light
Dark

Bootstrap Documentation