Guidelines for Web Graphics

Driven to Discover showcases the U as a vital, fun, relevant place, on-track to becoming one of the top three public research universities and a world-class place for higher education. The campaign matches questions from the general public with answers by professors who are currently active in their search. You can incorporate the elements of the campaign into your electronic communications using these guidelines.

Several graphic design options for Web, including instructions for their use, can be found in Question Templates and downloaded from the Images Library.

Minimum Sizes

• Scale search graphics proportionately.
• Minimum width of regular search bar and search results box: 288 pixels.
  



• Minimum width of extended search graphics: 360 pixels.
  

Search Bar Graphics

• Search bar should always be a graphic, not HTML.
• Use the search bar over photo or white background only.
• Around the search bar, leave a buffer space of at least 4 pixels from edge of photo or other elements.
• Search bar text area should never be empty—it should not appear to be a functioning search field on a Web site.
• Place wordmark and Driven to Discover brand combination at the bottom of your graphic.
• Use approved, unaltered versions of the graphics from the Images Library. See Guidelines and Downloads for more information.

Search Results Box

• Search results box should be graphics combined with HTML or all HTML.
• Place wordmark and Driven to Discover brand combination at the bottom of the search results box, either as a graphic or as text.

Graphics Without the Search Bar

• When space is too narrow for a search bar, place question in maroon text on a gold background.
• Expand widths of color backgrounds or scale up entire combinations to fit your needs.