Typography
Heading 1 (H1)
Heading 2 (H2)
Heading 3 (H3)
Blog H3 (H3)
Heading 4 (H4)
Heading 5 (H5)
Heading 6 (H6)
Paragraph text (P1)
Blog Paragraph (P2)
Primary Palette
Black
#000000
Used for text against colored or light bg / footer text
White
#FFFFFF
Website background. Used for text against dark bg / header bar and button bg
Secondary Palette
Outrageous Orange
#FE7053
Used for error states
Mountain Meadow
#27BD9F
Fuchsia
#F331E5
Used as outline color
Phlox
#CC48F5
Han
#2D34F1
Used as outline color
Royal Dark Blue
#002972
Gradients
XBox
#176D68
#D3FF58
Playstation
#0D2BA2
#0C7CED
Nintendo
#552DE3
#FE7053
Victrix LR
#7340AD
#E059A6
Orange-Fuchsia TB
#ED785C
#F331E5
Orange-Fuchsia LR
#ED785C
#F331E5
Blue-Teal LR
#2D34F1
#27BD9F
Blue-Teal TB
#2D34F1
#27BD9F
Teal-Phlox
#27BD9F
#CC48F5
Victrix TB
#7340AD
#E059A6
Full Gradient
Primary Button
Secondary Button
Text Link
Shop Super MarioVictrix Only Buttons
Play/Pause Buttons
X out Button
Inline Text Link
Inline links, which look like this, may be added to paragraph text using the link icon.
Input
Please enter a valid email address.
Select
Please enter a valid blank.
Dropdown
Search
Dividers
Color: 000000
Color: FFFFFF
Color: 000000 / Opacity: 50%
Color: EAEAEA / Opacity: 20%
Color: D4CCC5