UI COM Style Guide
  • UI COM Style Guide
  • Contact Us
  • Writing for the Web
    • Know Your Audience
    • Reduce Content
    • Make Content Accessible and Easy to Read
      • Write in Plain Language
      • Write Content That is Design Agnostic
      • Structure Your Content
        • Use Headings Correctly
        • Formatting Lists
      • Images and Videos
        • Sizing Images
        • Follow Alt Text Best Practices
        • Videos
      • Avoid PDFs
      • Make User Friendly Forms
      • Make User Friendly Links and Buttons
        • Write Quality Link Text
        • Linking a Phone number or Email
        • Links to External Sites
    • Make Content Findable
    • Writing for the Web Tools
  • College of Medicine Logos, Brand & Style
    • Write with the College Web Style
      • Voice and Tone
      • Terminology and Language
        • UI COM Name Usage
        • Names and titles
        • Departments
        • Degrees and programs
        • Academic year and fiscal year
        • Alumni
        • Abbreviations and acronyms
        • Other Terminology
        • Inclusive language
      • Capitalization
      • Phone & Fax Number Formatting
      • Time and Dates
      • Address & Building Numbers Formatting
      • Profiles
    • Color Palette
    • Typography
    • Logo Guidelines
  • Info for the Chicago Campus
    • Chicago Campus Name Usage
    • Chicago Department Names
    • Chicago Administrative Offices/Personnel Titles
    • UI Health
    • Homepage Guidelines
    • Creating a New Website
  • Info for the Peoria Campus
    • Peoria Campus Name Usage
    • Peoria Department Names
    • Peoria Administrative Offices/Personnel Titles
    • Peoria Terminology
  • Info for the Rockford Campus
    • Rockford Campus Name Usage
    • Rockford Department Names
    • Rockford Administrative Offices/Personnel Titles
    • Rockford Terminology
    • Affiliations
Powered by GitBook
On this page
  • Required Header Call to Action Links
  • Optional Description and/or Pride Points
  • Required Academic Programs Feature
  • Additional Homepage Options
  1. Info for the Chicago Campus

Homepage Guidelines

Each Chicago department homepage must adhere to the college standards when it comes to content page structure.

PreviousUI HealthNextCreating a New Website

Last updated 8 months ago

Learn more about the homepage components on the

Required Header Call to Action Links

Every homepage should have a set of header call-to-action buttons. The first of these buttons must be a link to the . The rest of the buttons can be determined based on departmental needs and goals.

Optional Description and/or Pride Points

Required Academic Programs Feature

  • MD program or Medical Education

  • Fellowships

  • Residency

  • Masters and Doctoral

  • Continued Medical Education

If you have only a few programs, you can also categorize like this:

  • MD program or Medical Education

  • Graduate Medical Education

Additional Homepage Options

Below the required header call to action, optional description/pride points and required program feature, you can add components as needed. We recommend incorporating the following:

  • Highlight news components

  • Highlight events components

  • Highlight call-to-action components to showcase advancement, research or people pages

Below the header call to action links, you have the option to add a text description and/or . The description is a good place for mission and vision content. Use the pride points component to highlight statistics or facts about your department.

Below the optional description or pride points, you must include an to feature your academic programs. Each tab should be a category such as:

If you find that you truly have too few pages or programs for the advanced tab group component, you may use instead.

pride points component
advanced tab group component
the advanced content wrapper
RED documentation site.
chicago campus website
"Chicago Campus Website" should be the link text for the left-most button and it should link to the campus homepage.
You can add both description text and up to three pride points. You can also opt to just include one or the other.
Programs featured, using the advanced tab group component in RED.
This department is using the advanced content wrapper because they only have a few program pages.