January 2012 — The Executive Branch Cabinet Agency Web Site Standardization policy has been updated. This site contains ideas, samples and downloads intended to assist cabinet agencies with redesigning their websites.

Ohio.gov Banner Options

screenshot of a full banner

Full Banner

A banner that stretches the width of the browser window.  >view sample

screenshot of a short banner that fits the width of your current site

Banner

A banner that stays within your site's current width.  >view sample

screenshot of an Ohio.gov tab for your header

Tab

Just a simple tab. Most similar to the Governor's site.  >view sample

Download

Ohio.gov banner logo PNG or Ohio.gov banner logo GIF.

For perfectly curved corners, download the slightly lighter tab background or slightly darker tab background.

To download, right click and "save link as".

Main Navigation and Social Icons

screenshot of the main nav bar

Nav Bar Parameters

Your nav bar should be about 36px tall and links should be in all caps.  >view sample

screenshot of a megamenu

Megamenus

Mega menus may make it easier to navigate through your site. Note: please make it prettier than this sample! >view sample

Download

Facebook icon Twitter icon Flickr icon YouTube icon RSS icon

Right click and "save image as" to download or grab all social media icons from Icon Dock.

Search Box Options

screenshot of searchbox in the header

In the Header

Most similar to the Governor's site.  >view sample

screenshot of searchbox in the nav

In the Nav Bar

The search box may look good in your main nav, if you have the space.  >view sample

Download

magnifying glass icon

Magnifying glass vector illustration [EPS]

search button

Search button Photoshop file [PSD]

Footer Options

screenshot of full browser simple footer

Simple, full browser

Great if you only have a few links, stretches the width of the browser window. Please include a link to Ohio.gov!  >view sample

screenshot of short browser simple footer

Simple

A simple footer that stays within your site's current width. Please include a link to Ohio.gov!  >view sample

screenshot of a mega-footer that stretches the width of the browser

Megafooter, full browser

Sample of a two-tier footer, which stretches the width of the browser window. Please include a link to Ohio.gov!  >view sample

screenshot of full browser simple footer

Megafooter

A two-tier footer that stays within your current site width. Please include a link to Ohio.gov!  >view sample