Nicholas (font-display)
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Articulat CF (font-body)
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Display Styles
Display 1
.display-1
Display 2
.display-2
Display 3
.display-3
Display 4
.display-4
Headline Styles
Headline 1
.h1
Headline 2
.h2
Headline 3
.h3
Headline 4
.h4
Headline 5
.h5
Subheadline Styles
Sub headline 1
.sh1
Subheadline SH2
.sh2
Subheadline SH3
.sh3
Subheadline SH4
.sh4
Paragraph Styles
Paragraph P1
.p1
Paragraph P2
.p2
Paragraph P3
.p3
Paragraph P4
.p4
Paragraph P5
.p5
Primary Buttons
Secondary Buttons
Tertiary Buttons
Dark Mode Buttons
Primary Buttons
Secondary Buttons
Tertiary Buttons
.dark
Dark Mode Buttons - with .dark class on the parent element
Primary Buttons
Secondary Buttons
Tertiary Buttons
Brand Colors
Primary - Shadow Black
Shadow Black
.bg-shadow-black
#201E25
Dark (15%)
.bg-shadow-black-dark
#201E25
Light (15%)
.bg-shadow-black-light
#2D2B33
Light 2 (20% opacity)
.bg-shadow-black-light-2
rgba(32, 30, 37, 0.2)
Primary - Fairway White
Dark (30%)
.bg-fairway-dark-2
#B2AD9D
Dark (15%)
.bg-fairway-dark
#E5DFC8
Fairway White
.bg-fairway
#FEF9E9
Light
.bg-fairway-light
#FFFDF2
Light 2
.bg-fairway-light-2
#FFFDF6
Light 3
.bg-fairway-light-3
rgba(254, 249, 233, 0.2)
Light 4
.bg-fairway-light-4
#FEFCF3
Light 4
.bg-fairway-light-5
#FFFDF6
Secondary Colors
Grey v1
.bg-grey-v1
#4C4B50
Grey v2
.bg-grey-v2
#79787C
Grey v3
.bg-grey-v3
#A6A5A8
Pine
.bg-pine
#CAAE8C
Pine v2
.bg-pine-v2
#D5BEA3
Pine v3
.bg-pine-v3
#DFCEBA
Accent Colors
Swing Red
.bg-swing-red
#A01F12
Sunset
.bg-sunset
#FFB649
Sunrise
.bg-sunrise
#F7FF45
Birdie Blue
.bg-birdie-blue
#3455FF
System Colors
Positive
.bg-system-positive
#28A745
Negative
.bg-system-negative
#DC3545
Warning
.bg-system-warning
#FFC107