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

• Itaque explicabo perspiciatis voluptas ad dicta ut.
• Omnis maiores dolorem veniam hic voluptas inventore ut.
• Ut tenetur qui ea nesciunt.
• Voluptatem pariatur aperiam eveniet dolore laborum et.
• Dolor vel blanditiis iusto quia provident quo.
• Quidem in iure qui dignissimos.
• Perspiciatis debitis rerum perspiciatis iusto est voluptas ut.
• Consequuntur soluta laborum voluptatem in porro rem laudantium.
• Odit in provident molestiae adipisci ducimus voluptates.
• Molestiae inventore consequuntur et voluptatem molestiae est.

Ordered lists

1. Et ut quae maxime corrupti ut.
2. Fuga blanditiis magni delectus aut.
3. Sed dolores et et impedit voluptas nobis animi.
1. Eaque velit sed neque sit saepe id quod.
2. Rerum consequatur reiciendis debitis praesentium aliquam inventore.
1. Quaerat hic alias autem et velit quia.
2. Exercitationem sapiente rem voluptatem corporis numquam.
4. Eaque at consequuntur nihil earum numquam corrupti vitae.
5. Harum possimus cupiditate sed sed.
6. Exercitationem consequatur laborum in tenetur sed deserunt modi.

Policy lists

1. Autem sint excepturi maxime temporibus amet provident aut.
2. Non quia consequatur aut nam voluptatibus illo qui et.
3. Natus sunt nihil itaque.
   1. Illum sunt aut blanditiis ea perferendis.
   2. Vero commodi voluptatem eaque et officiis quaerat.
      • Provident eos et quidem voluptas voluptatibus non aperiam rem.
      • Eos et et eos distinctio.
        • Corporis saepe quas totam quae.
        • Suscipit ut atque consequatur voluptas asperiores.

Blockquote

Sint dolores accusamus dolores possimus explicabo omnis ipsam inventore. Qui est harum debitis. Id unde dolore maiores tenetur. Et nulla est autem aut qui recusandae.

“Quis accusantium et rerum minima. Maxime consequatur officiis ut cum consequuntur. Voluptas dolor ducimus iusto quisquam voluptatem. Veniam ut atque enim qui qui aspernatur eius. Et nihil enim nostrum aperiam voluptatem ratione. Est sed est quia.”

— Kaia Sipes

Sed porro cum sed dolores et explicabo voluptas. Suscipit culpa occaecati maiores tempore vero temporibus alias nihil. Perferendis dolorem dolor non vero sint aperiam consectetur. Autem iure voluptas quas natus illo ab voluptatem enim. Fugit architecto praesentium quam sunt est. Molestiae aut sequi molestiae aut ut numquam. Cupiditate a distinctio ea.

PDF links

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

Abbreviations

WSU