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

• Voluptates molestias ut natus et.
• Voluptas aut mollitia assumenda itaque.
• Odit aut consequatur quos fugiat qui est asperiores.
• Repellendus tempora qui voluptatibus dolorum velit at.
• Sunt ab veritatis aut et laboriosam voluptatem praesentium vero.
• Eos qui consequatur possimus commodi culpa quia similique expedita.
• Minima earum dignissimos aliquid.
• Ea deleniti est sapiente quaerat.
• Ipsum officia hic quasi recusandae et eligendi qui.
• Ea in dolorem amet sunt aut sunt eaque.

Ordered lists

1. Sequi in et quia aut cum placeat possimus.
2. Voluptatem aliquid aut aut voluptatem quidem ipsa ipsam.
3. Voluptas reiciendis in facere rerum.
1. Aut inventore quisquam sapiente perspiciatis.
2. Quam molestiae est vero sunt perferendis voluptas quia.
1. Fuga temporibus praesentium qui necessitatibus unde nostrum id aliquam.
2. Veritatis enim in ipsam error et eum deleniti.
4. Reprehenderit molestiae voluptates debitis vel rerum.
5. Non qui tempora velit.
6. Nam non laboriosam eveniet.

Policy lists

1. Quaerat odio velit ipsum ut.
2. Quis explicabo iure autem non.
3. Est tempore aut esse esse dolore illo.
   1. Possimus et quis voluptates.
   2. Officiis quo ut exercitationem distinctio.
      • Quas ad esse qui saepe est deleniti.
      • Nobis impedit cum quasi exercitationem pariatur voluptatem aut.
        • Quia blanditiis animi inventore cupiditate quos maiores.
        • Quos inventore necessitatibus autem aut quidem eligendi sed.

Blockquote

Perspiciatis dolor unde asperiores possimus ducimus. Sint omnis nulla et quasi debitis. Vero odit molestiae nihil similique eligendi excepturi voluptatibus. Veniam fugit quo voluptatum blanditiis. Aperiam nemo aut cum est eum doloremque ab. Reiciendis delectus quos vero dicta maxime quo. Ut corporis odio earum excepturi ut.

“Aliquam magni itaque totam explicabo numquam molestiae. Suscipit exercitationem quae ducimus delectus est dolores voluptas. Voluptas rerum distinctio hic. Delectus velit quasi placeat nihil ut explicabo.”

— Kristy Witting

Qui voluptatem suscipit quo minima molestias. Amet commodi necessitatibus aut unde laudantium veniam et. Voluptate dolor quo nihil quis at ut consequatur. Mollitia dolor asperiores odit vel distinctio delectus blanditiis.

PDF links

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

Abbreviations

WSU