Creating a page title

A page’s title should clearly, concisely and completely describe the page’s content. The title will appear on top of the page, in the site navigation menu, and in the websites breadcrumbs. Each page should have a unique title to distinguish it from others on the website. 

Use simple and commonly used terminology. Avoid abbreviations, wordplay and academic jargon. Do not use department slogans or marketing phrases as page titles. All titles must be in sentence case unless it is a proper noun.  

Good

• Graduation requirements 
• Transfer credits 
• Research services 
• First Nations Initiatives 
• Contact an Advisor 
• Tips for effective writing 

Bad

• Things needed for graduating 
• SU Policies 
• VSS 
• "Suit"-ability 
• CONTACT AN ADVISOR 
• The Write Way 

Creating a visual hierarchy with type styles and formatting

Page headings, subheadings, and body copy headings within the text are at the top of the visual hierarchy and serve as reference points throughout your content. They should be used sparingly and consistently. 

It's important to have consistency to your formatting, and not to overuse heading sizes. When your information is all separated by larger heading sizes, the heading looses it's significance on the page and your readers won't be able to clarify the importance of the information. 

• Heading 2 is reserved for page titles only 
• New paragraph titles within body copy should be Heading 3
• Sub-headings within your body copy text should be Heading 4 
• Use lowercase (sentence case) for headings where possible as this makes them easier to read 
• Do not use punctuation at the end of the headings unless you're asking a question as periods stop the eye from scanning 

Heading H2  

Heading H3  

Heading H4 

Heading 5  

Heading 6 

This slice type is perfect for a page with a lot of content. If your information is becoming detailed and lengthy, an accordion is the perfect way to format your information for progressive disclosure. This allows you to use the title as the main concept of the information, and include all necessary information when expanded. 

Accordions can be placed after the introduction text and typically lower on your page following the most important information, such as secondary calls to action like booking appointments. It's best practice to introduce the information you're presenting on the page before jumping straight into the bulk of the content. 

Information on how to create and format your table

Create your full width slice type, and select the "table" option from the menu along the top. From there you'll be able to specify how many columns and rows you'll need for your information. This format type should be used for events and dates, as illustrated below.