# Typography documentation

## Page header

Herebelow is an example of a page header

# Page header with subheader

## Labels

Use the "label" class to create fancy labels.

Warning All your base are belong to us

## Fatty

Use the "fatty" class to create markup that stands out among the rest. By default, it is bold and has a slightly larger font-size.

You can use the "fatty" class to make markup stand out more.

## Tiny

Use the "tiny" class to do somewhat the opposite of the "Fatty" class.

This is tiny text

## Color modifiers

Cascade framework supports 10 default colors for changing the background color or text color of an element. It is recommended, however, to use semantic classes to override default colors or to replace the default color scheme with your own.

1
2
3
4
5
6
7
8
9
10
label 1
label 2
label 3
label 4
label 5
label 6
label 7
label 8
label 9
Header

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

## Gradient

Use the "gradient" class to add a basic cross-browser gradient.

Header
This is a panel body.

# | ID | Name | Dept | Notes
--- | --- | --- | --- | ---
1 |  |  |  |
2 |  |  |  |
3 |  |  |  |
4 |  |  |  |
5 |  |  |  |