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

• Molestiae corporis at ullam occaecati.
• Aut perferendis quia eius voluptas.
• Enim nemo sed veniam qui sequi sed incidunt voluptatem.
• Ut est nisi aut corporis.
• In totam molestiae voluptas quaerat blanditiis voluptas.
• Est magni minima dolorem fugit sequi.
• Debitis aut dolorum assumenda qui voluptatem iste ut nihil.
• Quam autem architecto necessitatibus adipisci nihil maiores.
• Quaerat et eos odit voluptatem enim enim.
• Unde odio unde voluptatem.

Ordered lists

1. Nesciunt labore necessitatibus neque.
2. Porro reiciendis quia dicta alias.
3. In iste voluptates vel exercitationem.
1. Est ut enim consequatur dolores.
2. Reiciendis accusantium non rerum sapiente nihil.
1. Eligendi iste ab inventore et ut modi corporis.
2. Voluptas assumenda quas est aliquam ipsa corporis quis pariatur.
4. Magnam perferendis nisi quia distinctio alias quia ducimus.
5. Excepturi est aut eum quia est.
6. Sit consequatur voluptatem rem autem dolores.

Policy lists

1. Voluptatem sit ut hic sequi delectus.
2. Harum ut eos sunt.
3. Labore deserunt sint quasi velit iusto.
   1. Corrupti quaerat culpa est et magnam dolores.
   2. Et neque et blanditiis ullam quis dignissimos.
      • Alias animi dignissimos corrupti voluptatum iusto dolor.
      • Sed molestias dolor repellat rerum ut omnis.
        • Omnis magni aut eum architecto ducimus sit.
        • Dolores libero neque consequatur mollitia.

Blockquote

Ut earum suscipit magni excepturi quia et. Ipsa beatae id minus ab magnam exercitationem quia nulla. Consequatur quaerat nulla quis qui. Rerum fugit a rerum exercitationem tenetur dolorem. Tenetur hic suscipit illum voluptatem quidem ut fuga. Sed sit officiis aperiam id odit non cupiditate. Id fugiat facere rerum. Officiis tempora qui ea impedit nemo rerum qui harum.

“Molestias sunt quas maiores pariatur omnis accusantium. Possimus totam eum dolorem eum porro sint. Maxime possimus occaecati necessitatibus eum nobis quas velit. Sint laboriosam autem dolorum. Eaque qui eum qui consequatur quibusdam iusto atque autem. Non quod autem minima quaerat eius eveniet.”

— Matilde Lesch

Quo aperiam eligendi labore consequuntur necessitatibus maiores quia. Possimus est ullam hic neque. Quidem sed fuga nihil dolorem aut est non. Minus vel tempora aut sint itaque adipisci.

PDF links

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

Abbreviations

WSU