Color Palette

Brand Colors
Yellow
#ffa612
brand elements
exhibit page banners
misc footer page banners
Berry
#b317ab
brand elements
educator page banners
misc footer page banners
links
iconography
Green
#00c9b7
brand elements
event page banners
misc footer page banners
Purple
#665cc7
brand elements
community page banners
misc footer page banners
Blue
#0080c9
brand elements
support us page banners
membership page banners
misc footer page banners
h1, h2, h3
Light Blue
#98cbeb
brand elements
misc footer page banners
Interface Colors
Charcoal
#212a36
body text
Light Gray
#a6a9ae
h5
Cream
#faf9f7
backgrounds
White
#ffffff
backgrounds

Typography

Typefaces and Hierarchy
Aa
Larish Neue
400
Aa
Franklin Gothic
700
Aa
Brown
400
Style
Weight
Size / Height
Letter Spacing
Usage
Style

H1

Weight
Normal 400
Size / Height
40px / 40px
Letter Spacing
Auto
Usage
page headers, banner headers
Style

H2

Weight
Normal 400
Size / Height
28px / 28px
Letter Spacing
Auto
Usage
sub headers, card headers
Style

H3

Weight
Normal 400
Size / Height
18px / 18px
Letter Spacing
Auto
Usage
card headers
Style

H4

Weight
Normal 400
Size / Height
18px / 28px
Letter Spacing
Auto
Usage
supporting headlines
Style
H5
Weight
Bold 700
Size / Height
14px / 14px
Letter Spacing
1px
Usage
detail text, labels
Style
Paragraphs
Weight
Normal 400
Size / Height
16px / 26px
Letter Spacing
Auto
Usage
paragraphs, lists, links

H1

Normal 400
40px / 40px
Auto
page headers

H2

Normal 400
28px / 28px
Auto
sub headers
card headers

H3

Normal 400
18px / 18px
Auto
card headers

H4

Normal 400
18px / 28px
Auto
supporting headlines
H5
Bold 700
14px / 14px
1px
detail text
labels
Paragraphs
Normal 400
16px / 26px
Auto
paragraphs
lists
links

Assets

Logos
IllustrationS
Patterns

UI Components

Buttons
Form Fields
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Mark Your Calendar

Explore Event Calendar