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.