University of Minnesota
University Relations
http://www.umn.edu/urelate
612-624-6868
myU OneStop


 

 

Go to eCommunication Standards home.

Home

Driven to Discover Standards

Driven to Discover is the official brand of the University of Minnesota—it describes the U's mission and communicates our search for knowledge and the drive to share that learning and discovery with our students and the larger community. All University units are expected to use the Driven to Discover identity.

 

Expressing the Brand

The public’s perception of the University of Minnesota is based on what they see, hear, and feel. We make this relationship strong and memorable by conveying the University’s unique essence—our drive to discover— simply and consistently at every opportunity. Our aim is to showcase the University as a vital, fun, relevant place. The tone should be conversational and non-academic. Straightforward, engaging, and enthusiastic. Fun and informal, but not slangy.

Engage

Use questions! Questions and answers are interactive. Try to let the enthusiasm for the discoveries come through.

Simplify

It’s important for anyone reading the answers to be able to understand them. Make it clear and accessible. Use short sentences and paragraphs, and replace (or simply define) discipline-specific terms whenever appropriate.

Talk about us

Use "we," "us," and "our." Bring it back to talking in terms of the University of Minnesota to strengthen this drive to discover that we all share.

Make it relevant

Help our audiences understand the great work going on here. Connect what we do to real world situations, important issues, burning questions, or just our innate curiosity. Explain why it matters.

Have fun

The work of the University is important and much of it serious, but ultimately the thrill of discovery is an exciting thing to share.

 

Print Graphics

Search Bar

All official versions of the search bar are available in the Images Library.

  • bulletUse approved, unaltered versions only—don't attempt to create the search bar or change the colors.
  • bullet In black-and-white publications use the black-and-white search bar.

The smallest size the search bar can be is 3" wide, or 75% of the original file size.

The smallest size the extended search bar can be is 3.75" wide, or 75% of the original file size.

Buffer Space

Use a buffer space equal to at least the height of the search bar to separate the search bar from other graphic elements or the edge of the page.

buffer space

Incorrect use of the search bar

INCORRECT: Do not try to re-create the search bar.

Wordmark and block M combinations.

INCORRECT: Do not alter the colors of the search bar.

incorrect search bar

INCORRECT: Do not stretch or squeeze the search bar.

incorrect search bar

 

Search Results Box

All official versions of the search results box are available in the Images Library. Search results may be displayed in other ways, such as the transparent box in the example on the right.

  • bullet Use approved, unaltered versions only—don't attempt to create the search results box or change the colors.
  • bullet In black-and-white publications use the black-and-white search results box.

Buffer Space

Use a buffer spaceequal to at least the height of the search bar to separate the search results box from other graphic elements or the edge of the page.

Search Bar and Search Results Type Guidelines

Search bar and search results sentences may end in either a question mark or a period.

  • bullet Capitalize only the first letter of the first word in the search sentence.
  • bullet Use down style in the search results box.
  • bullet For numbers, use Neutraface Text Alt.
  • bullet Search bar font size is equal to the size used for the word "Search."
  • bullet Both the search bar and search results must use the same size font.
  • bullet When the search bar is at minimum width of 3", the Neutraface Text Demi font is 8.25 pt. When the search bar is scaled proportionately to 4", the font is 11 pt.

Search bar and search results graphics with text fields are available in both Adobe InDesign and Illustrator formats in the Images Library.

The smallest size the search bar can be is 3" wide, or 75% of the original file size.

Incorrect search box.

The smallest size the extended search bar can be is 3.75" wide, or 75% of the original file size.

Incorrect search box.

Buffer space example

Incorrect search box.

 

Search bar sample size.

 

Incorrect use of the search results box

INCORRECT: Do not try to re-create the search results box.

Incorrect search box.

INCORRECT: Do not alter the colors of the search results box.

Incorrect search box.

INCORRECT: Do not stretch or squeeze the search results box.

Incorrect search box.

You can use either search bar or search results box as large as needed, as long as they are scaled proportionately.

Font and graphic size combinations

  75% file size (min) 100% file size
Search bar or search results box
3 inches
4 inches
Extended search bar or extended search results box
3.75 inches
5 inches
Font size
8.25 point
11 point
 

Web Graphics

Incorporate Driven to Discover into your Web site(s) by asking and answering a question. Two variations—using either one Web page or two—with several graphic options are shown below. See how some colleges are using questions and answers on their sites: CFANS and IT.

Several graphic design options for Web, including instructions for their use, can be downloaded from the Images Library.

Minimum Sizes

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

  • Search bar.

  • bullet Minimum width of extended search graphics: 360 pixels.

  • Search bar.

Search Bar

  • bullet Search bar should always be a graphic, not HTML.
  • bullet Use the search bar over photo or white background only.
  • bullet Use a buffer space of at least 4 pixels to separate the search bar from photos or other elements.
  • bullet Search bar text area should never be empty—it should not appear to be a functioning search field on a Web site.
  • bullet Place the wordmark and Driven to Discover combination at the bottom of your graphic (see question and answer graphics below for examples).
  • bullet Use approved, unaltered versions of the graphics from the Images Library.

Search Results Box

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

Question Graphics

Two-Page Design

On your site's home (or other appropriate) page, the two-page design:

  • bullet Begins with a question.
  • bullet Follows with an answer on a second page within your site.

The question can be presented with or without the search bar graphic.

One-Page Design

Use a Driven to Discover graphic to state a question that leads people to an interesting aspect of your site. For example:

One page design graphic

 

Example of a search bar on a photo.

Search bar.

Search Bar on Photo

Use this layout to ask a question and lead to an answer on a different page.

The question should use an image map to link directly to the answer on your site.

The example on the left uses the 288-pixel-wide search bar.

This is the minimum size online for this graphic.

 
What's the best thing we can do for our kids?

One of the first things you can do is eat together as a family, according to U of M epidemiology professor Dianne Neumark-Sztainer.

Learn more arrow.

Dianne Neumark-Sztainer.
University of Minnesota - Driven to Discover.

Search bar with partial answer in HTML

Use this layout (with a white background only) to ask a question and include a short answer that leads to the full answer on a different page.

The short answer should be HTML, not part of the graphic.

The "Learn more" link should go directly to the answer on your site.

 

Search bar.

Search bar and wordmark

Use this layout when you have limited space. Remember, it must be on a white background.

 

Search bar. Search bar.

Question and wordmark without the search bar

Use this layout when space is limited and you still want to drive people to an answer within your site.

 

Search bar. Search bar.

Driven to Discover banners

Use a small Driven to Discover banner on your site's home page or througout your site.

 

Answer Graphics

Answer your Driven to Discover question using one of the following three options:

  • bullet Combine graphics and HTML to replicate the look of the graphics. Jump to it.
  • bullet Use the search bar graphic with HTML text for the response. Jump to it.
  • bullet Use HTML-only to repeat the question and present the response. Jump to it.
Response example 2
  One of the first things you can do is eat together as a family, according to U of M epidemiology professor Dianne Neumark-Sztainer. Working with her students at the U of M, Dr. Neumark-Sztainer and her research team discovered that healthy eating habits (especially for teens) can come from sharing meals at home.

Suppertime is the right time for teens to socialize with family members. Parents have the opportunity to teach their kids communication skills, manners, nutrition, and good eating habits.

School and work schedules make it difficult for families to eat together. Still, Dr. Neumark-Sztainer says, the effort is worth it. She advises families to take small steps toward increasing the frequency of family meals and not to get discouraged. Her research shows that family meals can play a major role in preventing eating disorders, especially in adolescent girls. Dr. Neumark-Sztainer also found in her research that teens who eat more frequently with their families have better diets; engage in fewer eating disorder behaviors; use less tobacco, alcohol, and marijuana; have better grades in school; have higher self-esteem; and exhibit fewer depressive symptoms and suicide tendencies.

To view more questions and answers, visit Driven to Discover.
 

Search bar graphic for question, graphics combined with HTML for answer

Use the search bar graphic to restate the question.

Use the search results bar as a graphic to summarize the answer.

Combine side and bottom graphics with a background color to create the same graphic effect used for the print campaign. Use HTML for the answer, instead of a graphic, to keep your text searchable and accessible.

The HTML answer is contained within a <td> tag with bgcolor="#FFCC33".

The graphics on the sides of the box pull in a repeating graphic by using two CSS styles:

.leftside {background-image: url(images/question_c.jpg); background-repeat: repeat-y;}

.rightside {background-image: url(images/question_b.jpg);
 background-repeat: repeat-y;}

 
Response example 2

One of the first things you can do is eat together as a family, according to U of M epidemiology professor Dianne Neumark-Sztainer. Working with her students at the U of M, Dr. Neumark-Sztainer and her research team discovered that healthy eating habits (especially for teens) can come from sharing meals at home.

D2D banner 2

Search bar for question and HTML for answer

Use the search bar graphic to restate your question.

The HTML answer for this example is contained within a <td> tag in a table and uses an optional CSS style to add padding.

 

What's the best thing we can do for our kids?

One of the first things you can do is eat together as a family, according to U of M epidemiology professor Dianne Neumark-Sztainer. Working with her students at the U of M, Dr. Neumark-Sztainer and her research team discovered that healthy eating habits (especially for teens) can come from sharing meals at home.

University of Minnesota Driven to Discover.

HTML only

This HTML option uses a style to color the question maroon and make the text larger and bold.

Body and Search Bar Copy

Neutraface Demi sample.

Headlines

Neutraface bold.

Italic Options

Neutraface Demi Italic.

Neutraface bold italic.

The fonts may be purchased individually here:

Neutraface Text Demi

Neutraface Text Bold

Neutraface Text Demi Italic

Neutraface Text Bold Italic

All four Neutraface fonts

Other options for Neutraface are available here:

Neutraface options

For more information, call 612-624-0821 or e-mail discover@umn.edu.

Driven to Discover templates for brochures, posters, presentations, and more in Word, InDesign, Photoshop, and Powerpoint are available on the Images Library.

You can use either search bar or search results box as large as needed, as long as they are scaled proportionately.

The first use of Driven to Discover in text should be followed by a service mark in superscript (Driven to DiscoverSM).