Subheadings

Use subheadings to separate sections on the page.

Dos

• Use Ubuntu for subheadings
• Use medium weight for subheadings
• Use sentence case format
• Adjust the type scale based on the hierarchical context
• Adjust the scale as required and ensure subheadings work on various screen sizes
• Use the correct markup, for example h2 to h6, to create the page hierarchy
• Follow the same general writing rules documented for headings

Don'ts

• Avoid using bold weight for subheadings
• Avoid using subheadings as taglines or slogans
• Avoid using more than 80 characters for subheadings
• Avoid using underlines for subheadings
• Never use tooltips in subheadings

Nested headings

Organise subheadings in chronological order: H2, H3, H4 and H5. Ensure the parent subheading and nested subheadings use different type scales.

Subheading whitespace

Use soft grids to define the whitespace between subheadings and body text.

Writing tips

See Headings.