Type Hierarchy

How Format Headings and Text

‌You will find various formatting options in the Style and Format dropdown menus in the text editor while adding content to any content type. Please use only the styles with a "UMB" prefix.

Create Visual Hierarchy with Type Styles and Formatting

This is the umb_lead style. All pages should contain a brief introductory statement styled with umb_lead. Arranging text in various sizes provides visual interest and facilitates scanning.

First subheading (h3)

Subsequent paragraphs will take on the standard body style. Sometimes content will simply continue, and sometimes you will require a subhead. Subheadings should be formatted with Heading 3, Heading 4, and Heading 5.

Second, nested subheading (h4)

Paragraph associated with second subheading. 

The umb_light style is available for use below a larger chunk of content, to reference another area of the site, to provide attribution, etc. It should be reserved for asides and single sentences.

UMB Pill Button

Arrange your content with larger styles at the top and smaller styles at the bottom. Page titles, lead text, and content type titles are at the top of the visual hierarchy and serve as reference points throughout your content. They should be used sparingly and consistently. These type styles reinforce the  "Inverted Pyramid" style of writing recommended for landing pages.
 

The UMB_pillbutton style will give anchor links a shaded background and a hover state. They are best used at the end of a section of content and should not be used mid-paragraph or sentence.
UMB Pill Button