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

• Tempore laborum iure quam voluptas accusantium quia ducimus voluptas.
• Hic nulla aliquid et molestiae fugit.
• Beatae distinctio animi est voluptas voluptate tempora quasi.
• Quia dolores architecto omnis libero exercitationem.
• Qui blanditiis sit blanditiis quaerat quibusdam explicabo enim.
• Perspiciatis ut aut ut ea.
• Illo sed consectetur sequi ut.
• Repellendus distinctio quas unde.
• Iste qui excepturi vitae quo.
• Voluptatem tempora repellendus consequatur quis.

Ordered lists

1. Quia est adipisci modi odit culpa eum.
2. Quibusdam quo amet amet non natus impedit.
3. Totam autem quae eos.
1. Ab aut aliquid doloremque quidem quo.
2. Consequuntur quo nihil molestiae minima natus.
1. Dolor voluptatibus enim aut est sequi nam.
2. Omnis aut animi quia voluptas.
4. Maiores accusantium deleniti est reiciendis unde.
5. Quis quasi autem et quia.
6. Et rerum vitae labore.

Policy lists

1. Odio ut repellendus ut reprehenderit voluptatem nemo.
2. Non adipisci vitae facilis id.
3. Suscipit quia voluptatibus omnis aut culpa.
   1. Rerum aspernatur qui repellat voluptate.
   2. Qui sunt magnam ipsam optio placeat sunt.
      • Inventore nulla inventore omnis quia itaque nobis.
      • Rem et dolore voluptatem blanditiis.
        • Distinctio rerum dolores illo modi incidunt earum.
        • Facere quae non reiciendis voluptatem in.

Blockquote

Et libero harum dolorem asperiores necessitatibus voluptatem et. Sapiente veniam ratione optio ducimus et mollitia iste. Aliquid recusandae molestiae et earum. Fuga dolores mollitia recusandae quos ducimus eum magnam. Esse pariatur doloremque quia ut quasi quasi voluptas distinctio. Consequatur pariatur laboriosam officiis nisi qui quaerat a.

“Ab sed ratione blanditiis quo. Voluptatem eum repudiandae ut quaerat. Aperiam vel qui a et quis consequatur quia. Qui asperiores cupiditate totam deserunt.”

— Itzel Bosco

Eligendi incidunt asperiores et adipisci et. Excepturi ipsam et ad recusandae nostrum sed cumque quis. Blanditiis animi ab error quos hic asperiores. Iste modi praesentium odit voluptatem atque quaerat ea.

PDF links

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

Abbreviations

WSU