SharePoint Information Site > Visual Guides

Visual Guides

To make sites consistent and easy to design, we have a number of ready-made design assets that come with each site. The pages below will step you through the standard user interface elements every site receives, as well as options that are your choice to add. ​

  • Global UI Footprint

    Every DePaul web page gets a logo, search, shortcuts and various other navigational elements that live in a specific area of the page in order to sustain a consistent user experience.
  • Basic HTML Guide

    When you put an average HTML element into a page, our framework magically makes it look awesome and harmonious. This page documents all HTML elements so you know how they look.
  • Classes Guide

    Sometimes plain HTML just isn't enough so we've created dozens of CSS classes you can easily add to your markup to extend it's style, placement and visual appeal.
  • Grid Guide

    This simple yet powerful grid system we begged, borrowed and stole​ from people much smarter than us will help you understand how layouts and interfaces are structured.
  • Fonts

    ​​Ever wonder what fonts are used for SharePoint sites? Did you know we use two different types? This will walk you through what they are and their differences. 
  • Logo Usage

    ​The DePaul University logo should be used differently depending on the type of site you have. This will show you our logo guidelines with regard to websites.
  • Body Content Objects

    Looking to bring more visual interest or better organization to your content? Here are some prefabricated ways to add structure to content.​
  • Themes

    ​​Responsive sites come with 10 official themes that are ready to roll out of the box.
  • Single Content Objects

    ​​​​​Looking to bring more visual interest or better organization to your content? Here are some prefabricated ways to add structure to sidebar content.​​