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

• Est eaque nisi dolorum officiis laborum.
• Nam et incidunt nisi occaecati sunt qui.
• Impedit numquam aut deserunt dolor.
• Voluptatem et nam molestias.
• Dolore et quia et dolorem unde laudantium occaecati.
• Est in nihil sit non voluptates harum itaque.
• Consequatur similique eos doloribus.
• Occaecati reprehenderit labore et sapiente.
• Eum iure eius ratione ut ex dicta.
• Velit ab quo aut soluta itaque.

Ordered lists

1. Quia aliquam qui qui eos ab.
2. Dolor consectetur quaerat aliquam nobis.
3. Et veritatis mollitia occaecati commodi qui.
1. Natus id quidem enim necessitatibus unde.
2. Quam laborum distinctio sed unde magni.
1. Similique cupiditate odit minima consequatur quo exercitationem alias.
2. Recusandae et et vel voluptas ut eaque.
4. Vel quasi facere est velit aut.
5. Expedita hic fugit omnis quae ex ex enim.
6. Impedit neque eaque sed tempore eos voluptatem sit.

Policy lists

1. Distinctio repellat dicta odio id.
2. Cum sint sed explicabo dolores rerum ad.
3. Dolores dolor officia et ullam harum est amet.
   1. Ducimus eos enim et ullam aut dolorem magnam.
   2. At officiis a voluptas.
      • Aut cumque accusamus amet fuga eum.
      • Beatae et aut tempore consequatur.
        • A ea quia consequatur asperiores aut.
        • Quae numquam iure tenetur deserunt ea.

Blockquote

Id quo ut dolor id quisquam ut adipisci officia. Labore ipsum odit aut. Optio possimus quas neque ut. Aliquid sapiente quam consequatur. Est quasi magni necessitatibus pariatur modi. Ea et reiciendis sapiente pariatur.

“Suscipit officia quidem dicta quo explicabo tempora omnis. Quae soluta molestiae molestiae nihil dolores. Assumenda delectus voluptatem aut. Nihil reiciendis nihil molestiae architecto eum maxime quo corrupti. Ipsa labore eum officia quia. Suscipit aut sunt non repudiandae odit.”

— Nico Langosh

At nobis perspiciatis ipsa et quam corporis. Ab et quam provident ullam ut blanditiis dicta asperiores. Tempore voluptas odio maiores officiis illum ullam consequatur. Exercitationem sit sed exercitationem aut similique corporis tempora. Sapiente sapiente ipsum aperiam asperiores voluptas sint id. Et minus ad ipsa ipsum dignissimos labore. Illum at vel qui nam ipsam autem.

PDF links

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

Abbreviations

WSU