The style guide is specific to each site, so please be sure you are viewing the correct one at [yourdomain].wayne.edu/styleguide (ex: mac.wayne.edu/styleguide).

Your style guide is a how-to resource that will help you to determine what features you can incorporate into your website and how to implement them. It provides you with the ability to customize your pages and visually enhance your content for a better user experience.

There are a variety of options available to use depending on your needs, but you can explore the menu to decide which items would fit best when adding or editing your pages. Some experience with basic html is beneficial and will help when incorporating some of the features into your site.

We do offer a CMS self-paced web training that covers how to edit and manage the content on your site. This training is required for university staff.

Basic text formatting

These HTML classes are available for formatting paragraph or span elements. Add class="text-lg", replacing "text-lg" with any of the names in the list below.

• font-normal
• font-bold
• italic
• text-sm
• text-base
• text-lg
• text-xl

<h1> Heading level 1

Heading level 1 is the title of the webpage. This is only used once per page. Content creators should focus on heading level 2 - heading level 6 on their webpages.

<h2> Heading level 2

Heading level 2 contains a primary section of content. All heading text should be brief, clear, informative and unique. Headings should not be utilized to format content. There can be multiple heading 2’s on a page.

<h3> Heading level 3

Heading level 3 is a subsection of a heading level 2. All heading text should be brief, clear, informative and unique. Headings should not be utilized to format content. There can be multiple heading 3’s on a page but they must be under the content of a heading level 2 and related to the content of a heading level 2.

<h4> Heading level 4

Heading level 4 is a subsection of a heading level 3. All heading text should be brief, clear, informative and unique. Headings should not be utilized to format content. There can be multiple heading 4’s on a page but they must be under the content of a heading level 3 and related to the content of a heading level 3.

<h5> Heading level 5

Heading level 5 is a subsection of a heading level 4. These are not common and we do recommend restructuring your content if you get to a heading level 5. You may want to create a new page or condense your information.

<h6> Heading level 6

Heading level 6 is a subsection of a heading level 5. These are not common and we do recommend restructuring your content if you get to a heading level 6. You may want to create a new page or condense your information.

Unordered lists

• Assumenda laboriosam dignissimos accusantium.
• Et distinctio non ipsam sapiente.
• Occaecati nihil quia minus odio.
• Labore quibusdam qui rerum.
• Modi eveniet aut dolorem quod.
• Atque blanditiis sequi qui eaque voluptatem aut.
• Maiores reprehenderit sunt nobis et enim quibusdam deserunt.
• Ducimus aut cum facilis repellat non ut.
• Sit maxime laboriosam dolore dolor corporis qui.
• Culpa nihil ut praesentium quisquam.

Ordered lists

1. Ea aliquid error ea sit.
2. Dolor tempore porro veritatis sint quo sit.
3. Voluptatem enim ea fugit occaecati ipsum fuga et.
1. Porro dolorem sint officiis cum vel.
2. Magni voluptate quasi aut assumenda et culpa.
1. Aliquam ut beatae iste ipsa enim commodi.
2. Veritatis quo enim sit.
4. Doloribus harum nulla velit ut voluptatum molestias modi omnis.
5. Quaerat ut excepturi aut quia ab officia expedita.
6. Ut consequatur reprehenderit aliquid officia nam perspiciatis.

Policy lists

1. Repellendus temporibus earum laborum sequi qui cupiditate.
2. Rerum asperiores at officia neque quibusdam voluptas corrupti quia.
3. Ut ut id voluptas occaecati enim.
   1. Dolor quaerat in eaque fugit repellat.
   2. Rerum reprehenderit dolorem libero impedit corrupti et consequatur.
      • Omnis esse neque fuga aut sequi vero et.
      • Illum recusandae fugit est.
        • Ut tempore qui repellendus quibusdam et velit.
        • Nisi possimus in quasi doloremque totam.

Blockquote

Minima velit voluptates ad odit. Aliquid omnis ratione debitis provident. Quaerat dolorem cum voluptatem enim sed. Et ut minima consequatur libero. Dolore quo sit amet earum enim blanditiis iste.

“Quae rerum assumenda sint atque odit quibusdam labore. Officiis recusandae velit autem. Laudantium et reiciendis magnam.”

— Lesley Dietrich MD

Qui fugit mollitia animi est corrupti. Officiis maxime odit consequatur earum et. Est aut dicta et ut occaecati est enim eum. Eos et omnis saepe numquam enim. Nihil repellat nisi saepe velit eum est molestiae. Et est quia ipsa laborum dignissimos consequatur. Suscipit nulla fuga et. Consequatur nostrum nam rerum illum et nulla eaque.

PDF links

Links to PDFs will automatically append the file type to the end of the link. Example: download brochure.

Abbreviations

WSU