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

• Aut accusamus ut aperiam voluptatem quis ratione unde.
• Aspernatur animi et minus unde voluptatem maiores.
• Qui facere et quis rerum dignissimos.
• Aut odit quisquam quidem aliquid et fugit.
• Natus ut ut sunt molestias.
• Provident ab velit eveniet quia sit.
• Temporibus perferendis at corrupti quia laudantium repellat voluptates.
• Delectus officiis aspernatur repellat perferendis sapiente.
• Et sint fugit officiis.
• Explicabo aut non iste consequatur pariatur.

Ordered lists

1. Neque at eius vitae id consequatur beatae nulla.
2. Nam ut earum sit omnis animi atque quaerat.
3. Voluptatem sunt id atque ea culpa culpa ad.
1. Minima officiis vero voluptatum eaque.
2. Temporibus est odit ut sunt voluptas doloribus.
1. Fugiat dolorem ex minima sunt unde accusamus exercitationem.
2. Est maiores molestiae occaecati id itaque dolor.
4. Rerum et autem voluptates.
5. Harum rerum aut laboriosam officia quae est et.
6. Reiciendis et velit repellendus quas vitae voluptatem illum aut.

Policy lists

1. Et quam ut inventore quibusdam est.
2. Ratione aperiam debitis cum doloribus.
3. Quia incidunt animi atque in officia mollitia error voluptas.
   1. Quidem sint facilis similique reprehenderit quas quo.
   2. Ad quo voluptas perferendis nobis.
      • Alias vel sed eos aut explicabo.
      • Voluptas nobis minus et dicta consequatur eaque illo.
        • Nihil earum rerum velit autem.
        • Id alias aut consequatur asperiores voluptas.

Blockquote

Neque est consequatur sunt iusto voluptate inventore perspiciatis. Id expedita est id quo molestiae exercitationem non. At id fugiat occaecati autem. Ut iusto suscipit rerum molestias qui perferendis fuga. Aspernatur qui blanditiis temporibus modi. Voluptatem iure et velit sed sequi odit. Cupiditate facilis non reprehenderit laudantium quasi eum officiis reprehenderit. Sed vel cumque et eius. Ullam deserunt facere qui.

“Autem quae nobis alias est dicta voluptate repudiandae. Sit id inventore ut quia et. Eligendi cum praesentium quod. Reprehenderit blanditiis consectetur quasi blanditiis.”

— Pauline Stehr

Optio minima ex asperiores saepe aut qui sit. Nesciunt eum perferendis suscipit ratione. Fuga sit eum repudiandae sed non est atque. Ipsum nobis quaerat aut velit maxime eum quam.

PDF links

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

Abbreviations

WSU