Types
Page Headers
Headers may be oriented to give the hierarchy of a section in the context of the page
First header
Second header
Third header
Fourth header
Fifth header
Content Headers
Headers may be oriented to give the importance of a section in the context of the content that surrounds it
Icon Headers
A header can be formatted to emphasize an icon
Account Settings
Manage your account settings and set e-mail preferences.
Friends
Sub Headers
Headers may be formatted to label smaller or de-emphasized content.
Price
$10.99Content
Patrick
Plug-ins
Check out our plug-in marketplace
Account Settings
Manage your preferences
Subheader
Headers may contain subheaders
Account Settings
Manage your account settings and set e-mail preferences.
H1
Sub Header
H2
Sub Header
H3
Sub Header
H4
Sub Header
H5
Sub Header
States
Disabled
A header can show that it is inactive
Variations
Dividing
A header can be formatted to divide itself from the content below it
Dividing Header
Block
A header can be formatted to appear inside a content block
Block Header
Attached
A header can be attached to other content, like a segment
Top Attached
Attached
Bottom Attached
Floating
A header can sit to the left or right of other content
Go Forward
Go Back
Text Alignment
A header can have its text aligned to a side
Right
Left
This should take up the full width even if only one line
Center
Colored
A header can be formatted with different colors
Primary
Secondary
Red
Orange
Yellow
Olive
Green
Teal
Blue
Purple
Violet
Pink
Brown
Grey
Inverted
A header can have its colors inverted for contrast