Heading Styles

Heading 1: Web Headings Provide Structure for Content

Headings are used a little differently on web pages than on other written documents; They are typically short, stand-alone paragraphs which introduce a section of the document. The H1 is the primary heading on a page. H2’s are the second level.  H3’s are the third level. The hierarchy is something like an outline.  Headings need to be used in order without skipping. Don’t jump from H2 to H4, without using the H3. Do people do this? Only the web savvy.
Note: Usually there should only be one H1 on a page.

Heading 2: Secondary Headings Should Stand Out, Not Scream

This is a sample of the text type, which should be clearly readable and beautifully designed, but not overly decorative, as it needs to function by being very readable. Fonts, like any other design elements, add to the written communication by their form. The integrity of good design in fonts, carries over in communication of content. Thus, overly playful or quirky fonts, generally only make sense to use with playful or quirky content.

Heading 3: Headings are Meant to go in Order on the Page as in an Outline

Heading 4: On the Web, Headings are Intended Not to be Merely Decorative, But to Help Make Information Accessible to All Users

Heading 5: Example of What the H5 Looks Like
Heading 6: Does Not Necessarily Have to Be Small