Typography

The basic elements of typography

Heading

Heading h1

Semibold 36px

Heading h2

Semibold 30px

Heading h3

Semibold 24px

Heading h4

Semibold 18px
Heading h5
Semibold 14px
Heading h6
Semibold 12px

Paragraph text

Lorem ipsum eget urna mollis ornare vel eu leo. Cum sociisnatoque penatibus et magnis dis parturient montes, code nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit. Sed euismod aliquet sapien consequat tincidunt.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Sed euismod aliquet sapien consequat tincidunt.

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual.

But I must explain to you how all this mistaken idea of

Contextual Text Colors

This paragraph is styled with class "red-text".

This paragraph is styled with class "yellow-text".

This paragraph is styled with class "green-text".

This paragraph is styled with class "indigo-text".

This paragraph is styled with class "orange-text".

This paragraph is styled with class "purple-text".

This paragraph is styled with class "blue-text".

This paragraph is styled with class "pink-text".

This paragraph is styled with class "teal-text".

This paragraph is styled with class "light-green-text".

This paragraph is styled with class "lime-text".

Inline text elements

Inline text elements

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

SQL is used to query databases.