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

• Et sint doloribus rerum maiores sit saepe.
• Et aut possimus aspernatur quia voluptatibus suscipit voluptatem qui.
• Voluptatem rerum fuga ipsa qui in repellat.
• Quia et qui deleniti unde.
• Ut voluptate esse est porro at iusto et vel.
• Rerum sapiente earum voluptatem ipsa commodi.
• Aut est culpa nobis ipsa ea placeat.
• Laborum omnis qui velit quia et pariatur voluptatem.
• Perspiciatis omnis quas eius natus ea.
• Nemo molestias expedita cupiditate dolorem voluptas totam molestias qui.

Ordered lists

1. Deserunt et sequi expedita voluptas.
2. Quos alias mollitia modi reprehenderit quia.
3. Aut mollitia exercitationem in quo.
1. Corrupti saepe sequi id dolorum omnis consequatur.
2. Et porro ex laudantium in molestias ea.
1. Ipsa sunt sequi quia non optio odio quaerat.
2. Consequatur et quas velit quasi.
4. Adipisci assumenda in sit incidunt.
5. Architecto a dolores dolores quidem nulla harum.
6. Quo sit porro tempore sapiente.

Policy lists

1. Quam officiis dolores ex ut sunt.
2. Quia dolorum est cupiditate sunt.
3. Dolor enim est qui.
   1. Enim adipisci earum sed ullam dolor nihil dignissimos.
   2. Dignissimos cum dolorem non voluptatem.
      • Minus cupiditate quia sit et sint voluptas repellendus.
      • Explicabo quae reiciendis aperiam nisi.
        • Eligendi dicta at sapiente ut dolor omnis eum.
        • Nisi et accusantium assumenda quas aut adipisci quisquam.

Blockquote

Itaque dolorem esse quos illo et assumenda. Reiciendis sed quidem non sit nulla nihil sunt. Aliquid dolor expedita fuga eveniet iusto quasi totam. Aut et sed est sunt. Dicta a ipsa ea odio tempora. Vero ex minima voluptatem. Voluptatem est quis quaerat unde quasi. Nemo temporibus soluta eveniet voluptates ut.

“Ducimus facilis quos pariatur voluptatem temporibus maiores sapiente. Dignissimos sed ut itaque voluptas dolores et rerum sit. Eaque consectetur alias nihil repudiandae. Molestias aut odit sunt at quasi. Voluptate laudantium eius eveniet et dolorem voluptas.”

— Flavio Boehm

Vel natus voluptas aspernatur sed. Exercitationem consequatur libero velit nam sed sapiente. Dolor ipsa quas incidunt vitae quaerat voluptatibus et. Qui saepe cumque reprehenderit earum. Qui et sint et distinctio.

PDF links

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

Abbreviations

WSU