Official Ohlone College Logo for Ohlone Websites - Web Style Guide
NOTE: These logo images ARE NOT intended for use in print materials, such as brochures, flyers, t-shirts, mugs, etc. For print-ready versions of the Ohlone College logo, go to College Advancement - Official Ohlone College Logo.
Every web page in all websites on the Ohlone College domain must display the official Ohlone College logo in the upper left corner of the page or one of the Ohlone College Banner Images at the top of each web page. The logo image must link to the home page of the Ohlone College website; the correct URL is: http://www.ohlone.edu/. Do not open a new window with this link.
Faculty and Staff web pages have the option of displaying a smaller version of the official Ohlone logo in the standard footer on each web page. Union-related web pages on the Ohlone College domain also have this option.
Approved Ohlone College Logo for Ohlone Websites
Only the following images are approved for use on Ohlone College web pages.
- If you need a logo with a different background color or in a smaller or larger, please contact the Web Team.
- Do not create your own images.
- Do not modify these images in any way (do not resize them, do not change the colors, do not add or remove anything from them).
- Do not use images you may find on a hard drive or network drive or floppy disk, etc. since they may be older, discontinued versions.
Do not use these images in printed materials. These images are optimized for use on the web and are not suitable for use in print work. Go to College Advancement Downloads for print-ready versions of the Ohlone College logo.
Logo for Use in the Upper Left Corner of Each Web Page
Recommended: You may use the <img> tag code provided for the image you want to use (the logo image will display in your web pages when the pages are viewed in a web browser on a computer connected to the Web).
Alternatively, you may save these images to your hard drive and use them in your Ohlone College website directory.
Logo in new layout format
These images are best used on newly-designed websites, where the logo size and style can be used appropriately in the page design. If one of these logo images is used on an existing website, adjustments for the new logo's size and style may be required to the layout/design of the web page(s). (Logos that can replace the old rectangular-block logo design.)
Image tag for centrally-stored logo with tagline file in black with white background:
<img src="http://www.ohlone.edu/images/ohlonelogowithtagline-black.gif" width="100" height="108" border="0" alt="Ohlone College home page" />
Anchor (link) and image tags for centrally-stored logo with tagline file in black with white background:
<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogowithtagline-black.gif" width="100" height="108" border="0" alt="Ohlone College home page" /></a>
Image tag for centrally-stored logo with tagline file in teal with white background:
<img src="http://www.ohlone.edu/images/ohlonelogowithtagline-teal.gif" width="100" height="108" border="0" alt="Ohlone College home page" />
Anchor (link) and image tags for centrally-stored logo with tagline file in teal with white background:
<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogowithtagline-teal.gif" width="100" height="108" border="0" alt="Ohlone College home page" /></a>
Logo Files to replace the old rectangular-block logo
DO NOT USE THIS LOGO FORMAT ON NEW WEBSITES OR NEWLY DESIGNED WEBSITES.
The rectangular-block logo has been ELIMINATED in favor of the above logo layout which includes the official tagline.
However, the layout/design of existing web pages may "break" (or just not look "right") with the new logo style. Therefore, the following logo files were created to replace the old rectangular-block logos, without adjustments to the layout/design (i.e., the image width and height are identical to the old logo).
Image tag for centrally-stored logo file with white background (the dashed line outlines the image file's size - it is NOT included in the image!):
<img src="http://www.ohlone.edu/images/ohlonelogowhite.gif" width="150" height="75" border="0" alt="Ohlone College home page" />
Anchor (link) and image tags for centrally-stored logo file with white background:
<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogowhite.gif" width="150" height="75" border="0" alt="Ohlone College home page" /></a>
Image tag for centrally-stored logo file with teal background:
<img src="http://www.ohlone.edu/images/ohlonelogo.gif" width="150" height="75" border="0" alt="Ohlone College home page" />
Anchor (link) and image tags for centrally-stored logo file with teal background:
<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogo.gif" width="150" height="75" border="0" alt="Ohlone College home page" /></a>
Image tag for centrally-stored logo file with black background:
<img src="http://www.ohlone.edu/images/ohlonelogoblack.gif" width="150" height="75" border="0" alt="Ohlone College home page." />
Anchor (link) and image tags for centrally-stored logo file with black background:
<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogoblack.gif" width="150" height="75" border="0" alt="Ohlone College home page." /></a>
Logo for Use in the Standard Footer
See Standard Footer.
Exclusions
File types that are excluded from the logo requirement include:
- Adobe PDF files
- Microsoft Word files
- Microsoft Excel files
- Microsoft PowerPoint files
The content for these types of files should include an indication that they are from Ohlone College. Any questions about other document types and the logo requirement should be directed to the Web Team.
HTML files are the preferred method of deliverying textual content. Adobe PDF, Microsoft Word, Microsoft Excel, Microsoft PowerPoint or any other type of files should not be used instead of (X)HTML files in an attempt to bypass the logo requirement.
