WCU ACC

HEX: #FFFFFF

RGB: 255 255 255

HEX: #f5f5f5

RGB: 245,245,245

HEX: #eaeaea

RGB: 234, 234, 234

HEX: #e4ecee

RGB: 228,236,238


HEX: #469BAA

RGB: 70 155 170

HEX: #4a858c

RGB: 0 77 90

HEX: #186c7b

RGB: 24 108 123

HEX: #004d5a

RGB: 0 77 90


HEX: #D9D9D9

RGB: 217 217 217

HEX: #EF6B0D

RGB: 239 107 13

HEX: #d15c08

RGB: 209 92 8

HEX: #313140

RGB: 49 49 64

west coast college logo

West Coast Seal

west coast college logo

Header Logo

west coast college logo

Footer Logo

Font
Main Font (Headings): Monsterrat

Secondary Font (Paragraph): Roboto Condensed
Program Pages

H1: Program Title

Font size: 40px | Font weight: 400

H2: Section Title

Font size: 2.6 rem | Font weight: 400

H3: Content

Font size: 1.5 em | Font weight: 400

H4: Content

Font size: 1.25 em | Font weight: 600

H5: Content

Font size: 1.125 em | Font weight: 600

H6: Content

Font size: 1.4 em | Font weight: 600

P: Paragraph

Font size: 16px

Buttons

Homepage | Font-size: 2rem

Default

Hover

Homepage: Degree | Font-size: 20px

Default

Default: Hover

Default: Active

Main Buttons

 

Secondary Buttons

Default

Hover

 

Default

Hover

Tertiary Button

Default

Hover

Highlight Icons: Width: 150px | Height: 150px
title icon

Icon: Brain

title icon

Icon: Career Service

title icon

Icon: Checklist

title icon

Icon: Computer

title icon

Icon: Flame

title icon

Icon: Flexible

title icon

Icon: Growth

title icon

Icon: Hands

title icon

Icon: Moon

title icon

Icon: Real Life

title icon

Icon: Stethoscope

title icon

Icon: Two Hands

Homepage Icons: Width: 85px | Height: 80px
  title icon

Icon: Calendar

title icon

Icon: Infosession

Social Media Icons

Blog Social Media Icons

Facebook Twitter LinkedIn Email link

Hover State:

Facebook Twitter LinkedIn Email link

header Image

H2 | Headline: 2.4rem

P | Content: 16px

Image Size: 1200px x 800px

Information Panel

H2 | Headline: 2.4rem

P | Content: 16px

Image | 25 0px x 250px

Caption: 1.6rem | 700 | 'Roboto Condensed'

New Panel Image

P | Call Out: 16px | Roboto Condensed

Image: 180px x 144 | Ratio: 5:4 |

Pace Highlights:
Modality:

  • On-Campus
  • Hybrid Online and In-Person
  • Distance Education/Online or Blended
  • Distance Education/Online

Tuition and Financial Aid uses Catalog API except for BSN.

New Panel Image

New Panel Image

Image Size: Ratio: 1:1 | min: 436px

New Panel Image

New Panel Image
New Panel Image

H2 | Header: 2.6rem

P | Copy: 16px | Roboto Condensed

H2 | Header: 2.6rem

H3 | Header: 20px

H3 | .icon-card-header: 20px | 600

P | Copy: 16px | Roboto Condensed

Image Size: 400px x 200px


Icon Size: 250px x 250px

Standard

New Panel Image

Icon

New Panel Image

H2 | Heading: 2.6rem

H3 | Article Title: 20px | 600

P | Date: 16px | Roboto Condensed

New Panel Image

New Panel Image

New Panel Image

New Panel Image

New Panel Image

H2 | Heading: 2.6rem

P | Subtext: 16px | Roboto Condensed

Icons: Ratio: 1:1 | 140px x 140px

New Panel Image

H3 | Heading: 2rem | 700

P | Subtext: 16px | Roboto Condensed

Image: Ratio: 1:1
Image is pulled from the program page.

New Panel Image

header Image

H2 | Headline: 2.4rem

P | Content: 16px

Image Size: 1200px x 800px

header Image

H2 | Headline: 2.4rem

P | Content: 16px

Image Size: 1200px x 800px

H2 | Headline: 2.4rem

P | Content: 16px

header Image

H2 | Headline: 2.4rem

P | Content: 16px

header Image

H2 | Headline: 2.4rem

P | Content: 16px

header Image

H2 | Headline: 2.4rem

P | Content: 16px

header Image

H2 | Headline: 2.4rem

P | Content: 16px

header Image

Image: Ratio: 12:8 | 1200px x 800px

  • Program Pages
  • Campus Pages
New Panel Image

Image: Ratio: 12:6 | 1200px x 600px

  • Nursing
  • Healthcare
  • Business
New Panel Image

Image: Ratio: 16:5

New Panel Image

Image: Ratio: 4:3 | 400px x 300px

New Panel Image

One paragraph:

Image: Ratio: 8:6 | 800px x 600px

New Panel Image

Two or more paragraphs:

Image: Ratio: 8:8 | 800px x 800px

New Panel Image

Image: Ratio: 1:1 | 250px x 250px

New Panel Image

Image: Ratio: 16:9

  • 1600px x 900
  • 1280px x 720

New Panel Image

Image: Ratio: 3:2

  • 300px x 200

New Panel Image

P | Event Title: 16px | 700 | Roboto Condensed

P | Event Information: 16px | Roboto Condensed


Image: Ratio: 3:2 | 300px x 200px

Please DO NOT use an image with copy.

New Panel Image
New Panel Image

H1 | 2rem (32px)

H2 | 2.6em (26px)

P | Paragraph

Image Size | Ratio: 16:9

Font
Roboto
Headers

Heading 1

Font size: 40px | Font weight: 300

Heading 2

Font size: 36px | Font weight: 300

Heading 3

Font size: 20px | Font weight: 300

Heading 4

font-size: 100% | Font weight: 700

Heading 5

font-size: 100% | Font weight: 700

Heading 6

font-size: 100% | Font weight: 700

Paragraph

Font size: 15px

west coast college logo

Header Logo

west coast college logo

ACC Seal

west coast college

HSE Academy Logo

Highlight Icons: Width: auto | Height: 86px
title icon

Icon: Advising Tutoring

title icon

Icon: Blood Pressure

title icon

Icon: Body Positioning

title icon

Icon: Career Services

title icon

Icon: Contact Lenses

title icon

Icon: Coronal Polishing

title icon

Icon: Crown Molding

title icon

Icon: Data Collection

title icon

Icon: Dental Equipment

title icon

Icon: Develop Treatment

title icon

Icon: Dispense Eyeglasses

title icon

Icon: Draw Blood

title icon

Icon: Equipment Management

title icon

Icon: Eye Exam

title icon

Icon: Eye Repair

title icon

Icon: Functional Training

title icon

Icon: Heart Rate

title icon

Icon: Instruments

title icon

Icon: License Prep

title icon

Icon: Manage Equipment

title icon

Icon: Office Manangement

title icon

Icon: Operating Equipment

title icon

Icon: Patient Care

title icon

Icon: Preparation

title icon

Icon: Prescription Dosage

title icon

Icon: Prescription Management

title icon

Icon: Profecient

title icon

Icon: Quality Life

title icon

Icon: Revenue

title icon

Icon: Student Orientation

title icon

Icon: Support Operator

title icon

Icon: Support Pharmacologicals

title icon

Icon: X-ray Protection

title icon

Icon: X-rays

HEX: #FFFFFF

RGB: 255 255 255

HEX: #E3E3E3

RGB: 227 227 227

HEX: #8D8D8D

RGB: 141 141 141

HEX: #666666

RGB: 102 102 102

HEX: #333333

RGB: 51 51 51

HEX: #c10000;

RGB: 193 0 0

HEX: #dbecf0

RGB: 219 236 240

HEX: #627982

RGB: 98 121 130

HEX: #566971

RGB: 86 105 113

HEX: #4B5E63

RGB: 75 94 99

HEX: #0F8099

RGB: 15 128 153

n/a

Homepage Slider
width: 1400px | height: 629px

n/a

Width: 375px | Height: 510px

n/a

Width: 757px | Height: 450px

n/a

Width: 900px | Height: 828px

n/a

Width: 1620px | Height: 647px

n/a

Width: 1440px | Height: 529px

n/a

Width: 750px | Height: 658px

n/a

Width: 462px | Height: 592px