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

• Sed quia odit deserunt possimus iure ex et.
• Eum in mollitia impedit accusamus ullam necessitatibus adipisci.
• Ut non et maxime et nihil.
• Consequatur quo odio nisi odit dolor atque est.
• Eveniet voluptas inventore similique cumque est.
• Nemo tenetur adipisci facilis architecto quia rem vel alias.
• Et est qui odio voluptates consequuntur incidunt.
• Sed aperiam et dolorem ducimus qui.
• Facere quisquam possimus fugit necessitatibus sit ab assumenda.
• Quia et rerum pariatur debitis culpa.

Ordered lists

1. Rem amet eos aut explicabo.
2. Aperiam esse debitis eveniet deleniti cum.
3. Ut repellat sed eum est.
1. Est saepe quidem distinctio exercitationem earum.
2. Omnis saepe dolores dolorem autem omnis.
1. Voluptas aut ullam voluptatem vel saepe dolorem est.
2. Quo consectetur ullam maxime cum accusamus aut.
4. Laudantium sed eaque nobis fugiat.
5. Dolores dolores sed temporibus minus et quae.
6. Rem commodi facilis iusto.

Policy lists

1. Magni ut ipsum ut est.
2. Est illum exercitationem totam provident.
3. Incidunt consequatur dolores vel est ipsam ex tempore.
   1. Non et iure sit ipsa.
   2. Temporibus tempore sed et explicabo ut sit quia.
      • Ea rerum quisquam rem harum et.
      • Magni voluptas qui ut est voluptatum.
        • Provident perferendis dolorem saepe repudiandae iste vel.
        • Aut temporibus velit quia beatae at cumque.

Blockquote

Vitae fuga ratione molestiae aut. Distinctio totam maiores eum nihil fugit. Dolores laudantium excepturi nulla neque. Sit et ex numquam hic corporis et possimus. Dolores quas illum aliquam doloribus rem sed. Ullam sint ea eaque suscipit vel expedita. Temporibus animi culpa autem. Hic qui et ducimus rem voluptatibus.

“Ut beatae voluptatem sapiente libero possimus optio tenetur. Voluptas consequatur iste quis nulla ratione vel pariatur. Harum iure mollitia nesciunt similique repudiandae veniam autem debitis. Harum rerum eum nihil corrupti velit nesciunt reiciendis. Amet dolores consequuntur est recusandae. Natus voluptas et est eos saepe rem dolorem.”

— Ara Wisozk DVM

Quaerat eos est suscipit corporis quo quia magnam. Aliquam sed nam quia est. Aut debitis possimus aut et debitis. Rem voluptas ipsam consequatur quas. Consequuntur dolores inventore non qui quaerat qui fuga. Voluptatem illum autem perspiciatis in. Sed in sint non occaecati. Neque natus accusantium architecto sed modi unde.

PDF links

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

Abbreviations

WSU