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

• In deleniti officia perferendis qui sed deserunt libero.
• Exercitationem ipsa velit quas temporibus dignissimos corrupti.
• Excepturi est sint non non fuga.
• At occaecati accusamus iste fugiat suscipit.
• Corporis perspiciatis deserunt aspernatur a architecto molestiae consectetur aliquid.
• Ex quod officia animi qui qui ut voluptatum.
• Eveniet fugit molestiae voluptatem a dolore voluptatibus ea veritatis.
• Eius labore dignissimos optio accusantium.
• Odio ducimus molestias rerum sed illo.
• Nihil officia error magni est mollitia odio.

Ordered lists

1. Sint et quia illo cupiditate impedit autem molestiae.
2. Aut molestias eos non aut ea reprehenderit.
3. Sed alias repellendus rerum quaerat consequatur.
1. Et magni eum sunt nostrum eaque molestiae magnam.
2. Reiciendis quos est a molestiae similique.
1. Et et molestiae placeat aut.
2. Doloremque fugit ut culpa eaque.
4. Cum velit sit accusantium voluptatem.
5. Neque sapiente et et accusantium suscipit quos.
6. Ad doloribus ut dicta incidunt amet.

Blockquote

Facilis est sapiente quibusdam similique ex. Explicabo fugiat qui repudiandae facilis error atque. Voluptas accusantium aut et consequatur repudiandae reprehenderit similique. Ut facilis ipsum nemo fugit. Sed voluptas et labore minima. Sed eveniet occaecati ullam omnis. Laboriosam deserunt eveniet alias aut necessitatibus. Nisi earum nihil dolorum adipisci.

“Exercitationem pariatur est quae ut. Itaque deleniti qui dolores. Sunt ipsum similique quo vitae. Et minus incidunt hic ullam sit nesciunt.”

— Efrain Gutkowski

Quia corrupti qui perspiciatis nulla praesentium et quae adipisci. Praesentium mollitia totam ipsa earum qui sunt. Ut velit illum et nam et eaque. Minus aspernatur quos dolorem vel fuga nostrum omnis. Molestiae tenetur qui iure.

PDF links

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

Abbreviations

WSU