SVG Sprites
Web Style Guide
College Icons
Solid and reversed icons on color and transparent background
College Icons
Argyros
CES
COPA
Crean
Dodge
Fowler
Schmid
Communication
Pharmacy
Wilkinson
Colors
Brand colors and college themes
Backgrounds, Borders, Shadows, Text
White
#FFFFFF
Silver
#EAEAEA
Silver Gray
#D8D8D8
Light Gray
#CFCFCF
Gray
#C1C1C1
Medium Gray
#676767
Black
#2F2F2F
Red
#98002E
College themes for exclusive use by Chapman University only
Argyros
#006185
CES
#003764
COPA
#69465C
COPA-Dance
#007165
COPA-Music
#793141
COPA-Theater
#002E5F
Crean
#1F8A84
Dodge
#2F2F2F
Fowler
#002F7C
Schmid
#4A5E0F
Communication
#C88508
Pharmacy
#008EC1
Wilkinson
#008EC1
Typeface
Brand typeface usage for web
Futura Bold
AaBbCcDd
Futura Book
AaBbCcDd
Futura Light
AaBbCcDd
Minion Pro
AaBbCcDd
Minion Pro Italic
AaBbCcDd
Proxima Nova Bold
AaBbCcDd
Proxima Nova Regular
AaBbCcDd
Typography
Headings, subheadings, and paragraph styles
Home Page Masthead Heading H2
font-family: Futura-PT;
font: 48px/48px;
font-weight: 800;

Lorem ipsum dolor sit amet.

Home Page Masthead Sub Heading H2
font-family: Futura-PT;
font: 48px/48px;
font-weight: 100;

Integer bibendum interdum elit, a iaculis dolor consectetur vitae.

Home Page Section Heading H2
font-family: Futura-PT;
font: 64px/74px;
font-weight: 100;
text-transform: uppercase;

Praesent Nibh Erat fds.

Home Page Section Sub Heading H3
font-family: Minion-Pro;
font: 32px/46px;
font-weight: 400;
font-style: italic;

Tempor eget elementum quis, faucibus vitae elit. Cras viverra urna tellus. Nulla aliquet ut arcu.

One Column Section H4
font-family: Futura-PT;
font: 18px/18px;
font-weight: 800;
Etiam nec dapibus nulla. Nunc eu tempus quam, quis accumsan justo. Nunc moletie, diam sit amet pretium gravida, lorem augue convallis augue, id acutor dolor turpis sit amet ex.
Body P
font-family: Proxima-Nova;
font: 14px/20px;
font-weight: 400;

Sed sit amet gravida ante. Sed et nulla risus. Suspendisse potenti. Ut mi ipsum, malesuada quis aliquet vitae, blandit eu orci. Donec nisl diam, blandit ac tellus in, vulputate egestas orci. Aenean iaculis elit viverra quam placerat, vel egestas elit maximus. Curabitur dui libero, dapibus ut velit id, accumsan eleifend lacus.

A Link
font: 14px/20px;
color: #98002E;
border-bottom: 2px dotted #C1C1C1;

Maecenas sed aliquet nulla. Cras sagittis posuere vestibulum. Nullam urna erat, malesuada eget justo at, fermentum cursus nibh. Quisque non erat sagittis, pretium felis id, eleifend nisi. Vivamus egestas arcu at posuere.

Fusce scelerisque semper nisl ยป

Buttons
Regular, hover, and active states
Masthead/Section Buttons
Regular
Primary Button
#98002E
Section Button
#EAEAEA
Outline Button
#FFFFFF
Hover
Primary Button
#BA183E
Section Button
#FFFFFF
Outline Button
#FFFFFF
Active
Primary Button
#7F0026
Section Button
#D8D8D8
Outline Button
#FFFFFF
Site Wide Buttons
Regular
Call to Action Button »
#98002E
Widget Button »
#EAEAEA
Hover
Call to Action Button »
#BA183E
Widget Button »
#FFFFFF
Active
Call to Action Button »
#7F0026
Widget Button »
#FFFFFF
Forms
Text fields and dropdowns
Form Fields
Reset
Submit »