HEX: #FFFFFF
RGB: 255 255 255
HEX: #F6F8F7
RGB: 246 248 247
HEX: #f5f5f5
RGB: 245 245 245
HEX: #E4ECEE
RGB: 228 236 238
HEX: #004d5a
RGB: 0 77 90
HEX: #ea7125
RGB: 234 113 57
HEX: #D15C08
RGB: 234 113 57
HEX: #313140
RGB: 49 49 64
West Coast Seal
Header Logo
Footer Logo
Font size: 6.25 rem | Font weight: 700
Font size: 4 rem | Font weight: 400
Font size: 6.25 rem | Font weight: 700
Font size: 2.4rem | Font weight: 500
Font size: 30px | Font weight: 700
Font size: 2.7rem | Font weight: 700
Font size: 2.1rem | Font weight: 700
Font size: 1.8rem | Font weight: 700
Font size: 4 rem
Font size: 1.9 rem
Font size: 1.6 rem
Font size: 1.3 rem
Primary Button (Fill) | Font-size: 16px | ||||
Default |
Hover |
Pressed/Active |
Error |
Error |
Current Secondary Button | |||
Default |
Secondary Button (Outline) | ||||
Default |
Pressed/Active |
Error |
Error |
Error |
Tertiary Button (Underline) |
|||
Learn More Default |
Learn More Pressed/Active |
Icon: Brain |
Icon: Career Service |
Icon: Checklist |
Icon: Computer |
Icon: Flame |
Icon: Flexible |
Icon: Growth |
Icon: Hands |
Icon: Moon |
Icon: Real Life |
Icon: Stethoscope |
Icon: Two Hands |
Full Width with CTA
Information Panel
P | Content: 14px
Second Navigation
Font-size: 1.6rem
Program Highlights
P | Paragraph: 20px
Tabs Section
Button size: 16px; weight: 700
P | Paragraph: 20px
Thumbnail Slider
Note: Youtube Thumbnails are 16:9 ratio | Examples:
Video Slider Section
Video Section
Dyanmic Cards
Styles: Standard | Background | Campus
P | Paragraph: 20px
Content Block
P | Paragraph: 20px
Image Size: 1:1 ratio | min: 300px
Content Block Flexible Contents
Pace Highlights
Accordion
Call Out
Call Out
Image Ratio: 1 : 1
Acordion
P | Paragraph: 20px
Full Width With Quote Flame
Sub Page Card List
Two Column Logo
P | Paragraph: 16px
Featured News
Homepage
width: 1600px | height: 740px
Alumni Gear Shop Image
250px x 250px
Blog Categories: 1.6rem
Ratio: 3:2 or 5:4
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
Header Logo
ACC Seal
HSE Academy Logo
Font size: 40px | Font weight: 300
Font size: 36px | Font weight: 300
Font size: 20px | Font weight: 300
font-size: 100% | Font weight: 700
font-size: 100% | Font weight: 700
font-size: 100% | Font weight: 700
Paragraph
Font size: 15px
Homepage Slider
width: 1400px | height: 629px
Program Offered
width: 375px | height: 510px
Career Guide Images
Ratio: 5:2