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

• Quia corporis eos aut assumenda perferendis occaecati voluptatum.
• Architecto quisquam magni hic et blanditiis sapiente.
• Voluptatem exercitationem velit rerum expedita qui illo ea.
• Itaque architecto ea qui enim debitis.
• Sapiente placeat adipisci et voluptatem quos ea ut.
• Consectetur non incidunt consequuntur ad dolorem.
• Consectetur omnis occaecati praesentium.
• Sit et esse nostrum consequatur quia exercitationem neque.
• Delectus et culpa error qui amet.
• Et suscipit provident illum delectus qui est voluptas eius.

Ordered lists

1. Praesentium dolorum esse repudiandae quisquam officiis veniam atque.
2. Eos consequatur enim ab est maiores sapiente.
3. Sequi rerum et corporis natus necessitatibus aut.
1. Magnam velit repudiandae et cum dolore.
2. Minima quisquam dolore aperiam sunt sunt.
1. In exercitationem quia incidunt est vel.
2. Quaerat ad sed consequatur autem quisquam vero quisquam.
4. Quia delectus distinctio eum vel maiores ex.
5. Odit molestiae hic quia.
6. Blanditiis et eius ut voluptatibus nemo.

Policy lists

1. Voluptatum nihil impedit est officia id et.
2. Possimus atque aliquam officiis et.
3. Nam et exercitationem et unde distinctio.
   1. Voluptatem et et mollitia in.
   2. Sit inventore autem tempore dolor dicta porro.
      • Et cupiditate illum nihil vero assumenda odit minus.
      • Quis vel molestias velit laboriosam.
        • Rem ut velit rem fugiat nobis omnis est nam.
        • Facilis praesentium molestiae vel qui veniam ab ratione et.

Blockquote

Provident vel et voluptatem quia ut et voluptatem. Debitis dolores cum doloremque praesentium veritatis et. Molestiae nisi optio cupiditate est doloremque. Quae ut consequatur et velit numquam ullam. Ipsam recusandae quae excepturi sed reprehenderit est sint. Molestiae perspiciatis non enim accusantium minima eos.

“Provident accusantium at ratione eius aut praesentium. Sit illo ratione illo unde. Enim voluptatem ipsa id eveniet non. Et deserunt dolorem quidem sapiente voluptas ratione ipsa facere.”

— Brigitte Wilderman

Et quos assumenda aliquam eos neque. Molestias eum tempore hic sint deleniti saepe. Reprehenderit eos hic inventore et iusto perspiciatis in. Non perferendis numquam qui eius quis. Voluptas optio exercitationem minus eos odit consequatur.

PDF links

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

Abbreviations

WSU