Typography

Examples for Merit UI Kit typography, including global settings, headings, body text and more.

Headings
Heading 1

Bootstrap heading

Heading 2

Bootstrap heading

Heading 3

Bootstrap heading

Heading 4

Bootstrap heading

Heading 5
Bootstrap heading
Heading 6
Bootstrap heading
Display
Display 1

Display heading

Display 2

Display heading

Display 3

Display heading

Display 4

Display heading

Paragraphs
Primary Text

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

Secondary Text

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

Success Text

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

Info Text

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

Warning Text

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

Danger Text

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

Muted Text

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

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Faucibus purus in massa tempor nec feugiat nisl. Et netus et malesuada fames ac turpis egestas.

Lead

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Header with small tag

Fancy display heading With faded secondary text

Blockquotes
Primary Blockquote

Primary title

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

Secondary Blockquote using bg-*

Secondary title

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

Success Blockquote

Success title

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

Info Blockquote

Info title

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

Warning Blockquote

Warning title

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

Danger Blockquote

Danger title

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

Blockquotes source

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