Headings
Headings should only be used to divide and describe the content. The only CSS should be for settings margins. Borders have been added to show the margin boundaries:
Heading 1 (PNI Logo)
Heading 2 (Main Heading)
Heading 3 (Section Headings)
Heading 4 (Subsection Headings)
Font Sizes
There should only be five standard font sizes:
- Large - Only used for the main heading
- Medium - Only used for secion headings
- Default - No styling, used for most text
- Small - Used for footnotes and details
- Tiny - Used for the insignificant but useful text like the header, footer and breadcrumbs links
Colors
Predefined colors (examples are in bold for easier display):
- Black
- Blue
- White (background added for this example only)
- Orange
- Dark Gray
- Light Gray