Style Guide

Style Tile v2.0
City of Norman

Logos

Color Palette

Primary Palette

#4C5CAD

#424242

#979797

#A81021

#EEEEEE

#FFFFFF

Fire & Police Departments Accent Palette

#DA291C

#FFB930

#002D72

Secondary Accents

#ED5E11

#318000

Gradient Options

#002D72

#4C5CAD

#A81021

#DA291C

Opacity Variations

100%

90%

50%

20%

Typography

Headline One / Open Sans Semi Bold 38px

Headline Two / Open Sans Semi Bold 32px

Headline Three / Open Sans Semi Bold 28px

Headline Four / Open Sans Semi Bold 24px

Body Text - Open Sans Regular - 18px Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Open Sans Italics

Open Sans Bold

Headline One Light

Headline Two Light

Headline Three Light

Headline Four Light

Body Text - Open Sans Regular Light - 18px Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Buttons & Links

All News

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa Inline Text Link. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Icons

Forms & Input

Text Field Label

Select Label

Checkbox Group Label

Option 1

Option 2

Option 3

Radio Group Label

Yes No

Date From

Date To

Components

Apply for Board & Commissions

Find Tax Info

Police & Fire

Articles

All News

Norman City Council approves agreement with EMBARK to operate public transit system

September 26th

OU Game Day Traffic Information

September 26th

Events

All Events

Oct

Campus Corner Road Closures

Friday, October 11

6:00 pm - 10:00 pm

Walker Arts District

Oct

Coffee with a Cop

Friday, October 11

4:00 pm

Walker Arts District