Type

Myriad-pro is used for both headings and body text, it being a stylish high quality digital font that looks great even on small screens. Note that Myriad-Pro is a licensed font, where you are responsible for attaining a personal license.

Headers

Default H1-H6 elements do not have any styling. Without any classes applied to them, they are semantic elements only. To give them specific header styles, apply one of the text-h--0x classes to them.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Multiline headers

Line height check for multi-line text

The Zebra Spider is known to have unique behavior amidst other jumping spiders. It is aware of humans and behaves differently when knowing it is observed

The Zebra Spider is known to have unique behavior amidst other jumping spiders. It is aware of humans and behaves differently when knowing it is observed. The Zebra Spider is known to have unique behavior amidst other jumping spiders. It is aware of humans and behaves differently when knowing it is observed.

Flexible text styles

Any text can be styled and sized at will using standardized classes for size (1-10) and font weight (light, regular, semi-bold, bold, black). The amount of sizes and weights needed can be configured.

Normal	Italic	Light	Regular	Semi-bold	Bold	Black
Size 1	Size 1	Size 1	Size 1	Size 1	Size 1	Size 1
Size 2	Size 2	Size 2	Size 2	Size 2	Size 2	Size 2
Size 3	Size 3	Size 3	Size 3	Size 3	Size 3	Size 3
Size 4	Size 4	Size 4	Size 4	Size 4	Size 4	Size 4
Size 5	Size 5	Size 5	Size 5	Size 5	Size 5	Size 5
Size 6	Size 6	Size 6	Size 6	Size 6	Size 6	Size 6
Size 7	Size 7	Size 7	Size 7	Size 7	Size 7	Size 7
Size 8	Size 8	Size 8	Size 8	Size 8	Size 8	Size 8
Size 9	Size 9	Size 9	Size 9	Size 9	Size 9	Size 9
Size 10	Size 10	Size 10	Size 10	Size 10	Size 10	Size 10

Body copy

Similar to headers, body copy can be sized at will using text size classes:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Body copy can be sized at will by applying the f_type-size classes to them, this is larger body copy.

Body copy can be sized at will by applying the size classes to them, this is smaller body copy.

Lists

Unordered and ordered

Unordered:

Item one
Item two
- Sub item one
- Sub item two

Ordered:

Item one
Item two
1. Sub item one
2. Sub item two

Title combos

Article title

Sub title

by author, date