Design Guidelines

H1

H2

H3

H4

H5
H6

SECTION HEADER

section-header
SECTION HEADER
section-header-heavy
SECTION HEADER
section-header-2nd-level-lite
SECTION HEADER
section-header-2nd-level-heavy
Person Name
person-name
Person Title
person-title
Person Contact
person-contact

This is a text block. This is used when we have a blob of content i.e, you have 3 - 5 sentences of content/paragraph. It has links styles as well. (base-text)

This is the spotlight text used when you have a couple of sentences in a block which you want to make it stand out. (spotlight-text)

This is a small text
text-small
This is a base text
text-base
This is a medium text
text-medium
This is a large text
text-large
This is a xl text
text-xl
This is a xxl text
text-xxl
This is a huge text
text-huge
This is a white text
text-color-white
This is a light color text
text-color-light
This is a medium color text
text-color-medium
This is a dark color text
text-color-dark
This is a darker color text
text-color-darker
This is a darkest color text
text-color-darkest
This is a black color text
text-color-black
This is a nextgen blue color text
text-color-ngg-blue
This is a nextgen blue alt text
text-color-ngg-blue-alt
This is a nccga dark color text
text-color-nccga-dark-red
This is a NCCGA light red color text
text-color-nccga-light-red
This is a nextgen orange color text
text-color-ngg-orange
This is a lite text
text-weight-lite
This is a heavy text
text-weight-heavy
hubspot-simple-form

Simple Format

hubspot-simple-form-darkBG

Dark Background

NCCGA Dark Red #aa2623

NCCGA Light Red #f44336

City Tour Blue #336699

Nexgengolf Blue #3A4972

Light Orange for buttons #DE983C

NCCGA Dark Red

PMS: 7621c
RGB: 171, 35, 40
CMYK: 0, 98, 91, 30

NCCGA Light Red

PMS: 3556c
RGB: 230, 52, 34
CMYK: 0, 83, 96, 0

City Tour Blue

PMS: 653c
RGB: 50, 98, 149
CMYK: 94, 57, 4, 18

Nexgen blue

PMS: 534c
RGB: 27, 54, 93
CMYK: 95, 74, 7, 44

High School Green

PMS: 2244c
RGB: 27, 128, 109
CMYK: 86, 14, 63, 20