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

Alternative Design

The Alternative Template is an available design for use by all Drexel entities that are not administrative offices. This design allows for more flexibility on the homepage.

  1. Site title (required)
  2. Content area with customizable configuration
  3. Half-height background is optional, with six possible color options

Alternative Site Title / Background Combinations

The alternative design has more flexibility and options with the background.

Site Title

  1. Site title (required)
    • Departmental logo lockup (available from the Logo Request Form)
      * The height of the Dragon Icon is to be no less than 75px tall

Background Options

  1. Blue background with yellow / white logo
  2. Grey background with yellow / white logo
  3. Brown background with yellow / white logo
  4. Green background with yellow / white logo
  5. No background with blue / black logo
  6. No background with blue / black logo and a subtle image

Code for your site specific stylesheet if you are using the colored backgrounds

/* for grey */
.alt-layout #bg-images li {
    background-color:#252628;
}

/* for blue */
.alt-layout #bg-images li {
    background-color:#042f52;
}

/* for brown */
.alt-layout #bg-images li {
    background-color:#2c251b;
}

/* for green */
.alt-layout #bg-images li {
    background-color:#212b20;
}

Site Title

Background Options

Alternate Homepage Layout

The alternative design has full flexibility to style the content area on the homepage. There are no limitations as long as content does not exceed the content area, defined by the light red box.

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

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

1. Site title (required)
2. Content area with customizable configuration
3. Half-height background is optional, with six possible color options

1. Site title (required)
  • Departmental logo lockup (available from University Communications)
  • The height of the Dragon Icon is to be no less than 75px tall

Background Options
1. Blue background with yellow / white logo

Background Options
2. Grey background with yellow / white logo

Background Options
3. Brown background with yellow / white logo

Background Options
4. Green background with yellow / white logo

Background Options
5. No background with blue / black logo

Background Options
6. No background with blue / black logo and a subtle image

Aleternate Homepage Layout