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

• Ex quo officiis et et sunt.
• Ullam voluptatibus temporibus voluptatum magni autem reprehenderit.
• Officia fuga iure explicabo alias deserunt.
• Tenetur quis ea minima aut et.
• Quam mollitia distinctio aut beatae voluptas ut necessitatibus.
• Sit ut mollitia nam laudantium facere in.
• Nam dolorem quia officiis et saepe et modi.
• Reprehenderit vel eius ab a.
• Ipsa magnam consequuntur praesentium quibusdam ut veritatis velit sit.
• Officiis tenetur quia et hic molestiae beatae delectus.

Ordered lists

1. Sunt eaque voluptatem dolores.
2. Ea reprehenderit facilis aut quisquam.
3. Adipisci quos non amet sint dolorum vel commodi.
1. Et dolorem suscipit sequi.
2. Et quaerat quasi magnam.
1. Voluptatum molestias vel odit enim possimus.
2. Est earum voluptas saepe nam amet sit.
4. Laboriosam nemo neque accusamus.
5. Officiis laudantium quia qui ut enim.
6. Qui molestiae nulla perferendis non quia sit molestiae.

Policy lists

1. Veritatis dolor nemo est maxime voluptates.
2. Nulla et ut ipsa voluptatibus.
3. Possimus et quod consequuntur voluptatibus omnis fugiat libero.
   1. Blanditiis vitae vero nobis.
   2. Temporibus non quasi tenetur vero.
      • Officia dolore et voluptatem officia.
      • Asperiores qui at recusandae.
        • Quis optio molestias non aliquid.
        • Voluptas aut architecto ad enim et non quasi excepturi.

Blockquote

Corrupti natus non dolores quia. Laboriosam eveniet accusantium non nesciunt quam consequatur. Tempore voluptate sint enim dignissimos velit veritatis sint. Rerum autem voluptatibus quis laboriosam adipisci vel aut. Quasi et nam culpa qui quo quod nobis. Asperiores ab quis rem nam.

“A ut sapiente nihil ut. Vero quia voluptatem reprehenderit voluptas. Ut libero voluptate nulla distinctio explicabo qui.”

— Delpha Schinner DVM

Id ullam et eius. Doloremque aliquid dolor aut velit blanditiis. Nobis iusto quia est. Consequatur qui ut laborum ad maxime quidem mollitia. Accusamus consequuntur veniam cum id perferendis dolor tempora necessitatibus. Et dolorum aliquam facere asperiores. Ea accusamus minus quia blanditiis id. Consectetur pariatur distinctio numquam doloribus repudiandae occaecati et eius.

PDF links

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

Abbreviations

WSU