Content area
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 itaque iure esse et deserunt exercitationem sit.
- Non asperiores quia pariatur impedit.
- Est dolores et impedit molestiae.
- Praesentium ipsum accusamus sint dolores consequatur.
- Possimus consectetur voluptas perferendis ut.
- Necessitatibus dolorum et consequatur vel.
- Autem expedita velit dolor.
- Laudantium at velit laudantium iusto fugit aspernatur laboriosam.
- Reiciendis tempora id non illum omnis.
- Voluptas sequi quae odio praesentium nulla.
Ordered lists
- Sint ab rerum dolores officia.
- Et reiciendis doloribus ut quisquam laudantium exercitationem ut.
- Quia sed quae dignissimos aut libero perferendis aut.
- Debitis nulla porro aut voluptas.
- Perspiciatis maxime dignissimos eveniet consequatur mollitia.
- Hic nihil et laborum occaecati laudantium tenetur.
- Voluptate labore et accusamus at accusamus impedit.
- Possimus rerum rerum voluptas minima incidunt deleniti et.
- Distinctio excepturi voluptas velit aut et temporibus.
- Ea sed iste officiis et qui aspernatur.
Blockquote
Consequatur cum et porro est corrupti voluptatem ea. Sapiente error consequatur vero non id. Ex consequatur accusamus dolorem aliquid. Minima et enim dolores ex impedit sed. Ipsam eum ducimus blanditiis omnis.
“Omnis provident et praesentium aut enim. Rerum delectus eaque dolore necessitatibus voluptas eaque. Facere quidem omnis ullam quia sed at omnis ullam. Consequuntur aliquam et aut qui id. Molestiae blanditiis atque possimus exercitationem.”
— Robbie Willms
Quod ea omnis sequi et id sapiente. Ut dolores rerum accusamus iure soluta officiis. Architecto et quia reprehenderit sit. Error praesentium molestiae a consequatur voluptatem.
PDF links
Links to PDFs will automatically append the file type to the end of the link. Example: download brochure.
Abbreviations
WSU