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. or email signatures. For print-ready and email signature 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 homepage 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.

Logo for Use in the Standard Footer

See Standard Footer.

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's Official Ohlone College Logo web page 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.)

Ohlone College homepage.

Black logo with tagline on white background - link (anchor) and image tags for centrally-stored file:

<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogo-tagline-blackonwhite.gif" width="100" height="108" border="0" alt="Ohlone College homepage" /></a>

Ohlone College homepage.

Teal logo with tagline on white background - link (anchor) and image tags for centrally-stored file:

<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogo-tagline-tealonwhite.gif" width="100" height="108" border="0" alt="Ohlone College homepage" /></a>

Ohlone College homepage.

Black logo without tagline on white background - link (anchor) and image tags for centrally-stored file:

<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogo-notagline-blackonwhite.gif" width="100" height="78" border="0" alt="Ohlone College homepage" /></a>

Ohlone College homepage.

Teal logo without tagline on white background - link (anchor) and image tags for centrally-stored file:

<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogo-notagline-tealonwhite.gif" width="100" height="78" border="0" alt="Ohlone College homepage" /></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 official logo (with the tagline is preferred).

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).

Ohlone College homepage.

TO REPLACE OLD RECTANGLE LOGOS - Black logo without tagline on white background - link (anchor) and image tags for centrally-stored file:

<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogo-notagline-blackonwhite-rectangle.gif" width="150" height="75" border="0" alt="Ohlone College homepage." /></a>

Ohlone College homepage.

TO REPLACE OLD RECTANGLE LOGOS - Teal logo without tagline on white background - link (anchor) and image tags for centrally-stored file:

<a href="http://www.ohlone.edu/"><img src="http://www.ohlone.edu/images/ohlonelogo-notagline-tealonwhite-rectangle.gif" width="150" height="75" border="0" alt="Ohlone College homepage." /></a>


Exclusions

Note: Brochures, flyers, schedules, and other documents for Ohlone College departments and programs do need to have a print version of the official Ohlone College logo on the first page. Check with College Advancement for assistance.

The following exclusion is mostly intended to ease the transition for faculty from older documents to newer documents for syllabi, homework, schedules, assignments, and other files that might be presented on their websites.

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.