For a better experience, click the Compatibility Mode icon above to turn off Compatibility Mode, which is only for viewing older websites.

Administrative Design

The Administrative design is required for all Administrative departments.

The homepage configuration has several options for content layout, but should be configured similarly to the shown example.

  1. Site title (mandatory)
  2. Slideshow option
  3. Custom message option
  4. Learn More sidebar
  5. Quicklinks sidebar
  6. Blue half-height background (mandatory)

Administrative Site Title

The Site Title area displays the Drexel dragon icon and the name of the website.

  1. Dragon icon (links to drexel.edu)
    • Dragon color - #07294D - with light white outer glow behind icon
    • Background bar color - #FFC600 - with text being part of the graphic, set in Miller, color - #07294D
  2. Site title bar
    • Background color - #FFC600
    • Width - scales horizontally based on browser width
    • Height - 56px
    • Box shadow (box-shadow: 0 0 7px #000000;) (use vendor prefixes)
  3. Site name (links to website homepage)
    • Font family - Futura
    • Font color - #FFFFFF
    • Font size - 22px
    • Letter Spacing - .05em
  4. Site name hover
    • Font color - #FFC600

Administrative Home Page Layout

Administrative homepage content areas are not locked down. It is the responsibility of each department to determine the information that is important to showcase on their homepage. Layout is typically dictated by content needs.

Review some of the examples below to see possible homepage layout options.

Review the Home Page Content Area to see a list of the available elements / components.

Review the Grid System page to see how widths of content containers are defined.

1. Site title (mandatory)
2. Slideshow option
3. Custom message option
4. Learn More sidebar
5. Quicklinks sidebar
6. Blue half-height background (mandatory)

1. Dragon icon (links to drexel.edu)
2. Site title bar
3. Site name (links to website homepage)

4. Site name hover
  • Font color - #FFC600