Skip navigation, view page content

OSU masthead and toolbar

The Ohio State University
www.osu.edu
  1. Help
  2. Campus map
  3. Find people
  4. Webmail

Ohio State University logo Web resources HTML and Graphics

Begin main menu

Common navigation bar, graphics, and templates

Provided below are ready-to-use html templates and approved Ohio State graphics for use by Ohio State web developers. For more information regarding appropriate use and implementation of these graphics and templates, as well as additional design elements, please consult the Ohio State Identity Guidelines or contact University Marketing Communications, New Media.

Top "Red/Gray" Navigation Bar

A red/gray common navigation bar at the top of the page is the recommended primary common element among all Ohio State service sites and department/college web pages. It's a minimal primary element that reasonably attempts to tie together thousands of web pages under decentralized control. To maintain consistent usage across the university, please do not modify the navigation bar or any of the text within it.

Ohio State navigation bar

  • Download navigation bar

    • Download navigation bar files (in .zip file format).
    Includes CSS and HTML

    NEW! Beginning April 2008 websites will no longer have the opportunity to "include" the navigation bar directly from Ohio State's main website.

    It is recommended that you download all CSS, HTML and images directly to your local site and reference the navigation bar from a local directory.

  • Optional nav bar

    There is an optional version of the common navigation bar with a link to the Ohio State search page instead of a search input box. This file is included in the navigation bar download files.

    OSU nav bar with link to search page

Web graphics

Additional graphics for all types of media applications and explanations of appropriate use can be found at Ohio State's Identity Guidelines site.

The Ohio State University logo

  • Ohio State University logo

    HTML 

    <a href="http://www.osu.edu/" title="The Ohio State University">
<img src="http://www.osu.edu/images/osu_logo.png" alt="Ohio State University logo" width="74" height="70" border="0">
</a>

  • The Ohio State University logo

    HTML 

    <a href="http://www.osu.edu/" title="The Ohio State University">
<img src="http://www.osu.edu/images/osu_fulllogo.png" alt="Ohio State University logo" width="58" height="58" border="0">
</a>

Page head for service sites

Top level administration and service sites such as this site use the red Ohio State logo top left, below the common navigation bar, with the heading set in News Gothic. This font may be obtained through Printing Services for a nominal charge. Call them at (614) 292-3450.

Supplemental footer graphics

Optional graphics intended for use on a web page footer or at the bottom of web page

  • The Ohio State University, www.osu.edu

    HTML 

    <a href="http://www.osu.edu/" title="The Ohio State University">
<img src="http://www.osu.edu/images/footer.png" alt="The Ohio State University, www.osu.edu" width="250" height="17" border="0">
</a>

HTML templates

The Ohio State template is intended for use by university entities wishing to have a consistent "look and feel" with the Ohio State home page and other university sites. While a degree of visual cohesion across university sites is a goal, not all sites are required to use the template. Colleges, schools, and unique organizations should develop sites consistent with their own web presence.

The templates are built using cascading style sheets (CSS level 2) and validate as W3C HTML strict . The common Ohio State navigation bar is included in this package.

More information

Please see the Ohio State Identity Guidelines for more information regarding the appropriate implementation of these templates

return to top