Web Style Guide

Color

Besides the logo, color is one of the most important elements of brand identity. A consistent use of colors throughout the website as well as printed collateral helps to identify a piece as "Delta College".Ìý

Primary Colors

Ìý

Gold

Hex #F9C623

Ìý

Black

Hex #101010

Ìý

Secondary Colors

Ìý

Medium Gold

Hex #DBAE16

Ìý

Dark Gold

Hex #9A7D17

Ìý

Blue

Hex #023167

Ìý

Dark Grey

Hex #4A4A4A

Ìý

Light Grey

Hex #ECECEC

Ìý

Typography

Like color, typography helps create a consistent brand. Please use the following as a reference of fonts used on the on Delta College Website.

Fonts

Open Sans

Open Sans RegularÌýis used for all main content throughout the site.

Oswald Bold

Oswald Bold is used for all main content throughout the site.

Ìý

Font Styles

Bold

Open Sans Bold is used for Bold Text.

Italics

Open Sans Bold Italic and Open Sans Italic

List Styles

  • List Styles
  • List Styles
    • List Styles
      • List Styles

Link Styles

Ìý

This is an example of a default link. You can also make a linkÌýbold.

Ìý

Default Button

'button'

Disabled Button

'button disabled'

Alternate Button

'button alternate'

Black Button

'button alt-black'

Outline Button

'button outline'

Table Styles

Table With First Row Header

Heading Heading
TextÌý Text
Text Text

Table Without First Row Header

Text Text
TextÌý Text
Text Text

Photography

Photography used on the website should reflect the Delta College campus and our students, faculty and staff. Photos should be authentic, telling real stories of our campus. Stock Images should be limited in use and willÌýbe reviewed by the Office of Marketing andÌýCommunications.