Brand Kit
Your guide to the fonts, colors, and animations that define our brand.
Fonts
sans
rubik, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
The quick brown fox jumps over the lazy dog.
Typography
H1: The Quick Brown Fox Jumps Over the Lazy Dog
Font: rubik, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
H2: The Quick Brown Fox Jumps Over the Lazy Dog
Font: rubik, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
H3: The Quick Brown Fox Jumps Over the Lazy Dog
Font: rubik, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
P: The Quick Brown Fox Jumps Over the Lazy Dog
Font: rubik, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
Icons
Gallery Placeholders WIP
Thumbnail (800x800)
Thumbnail
Icon (128x128)
Icon
Theme Colors
primary
#abc6a1
primary_dark
#abc6a1
secondary
#3e3d3d
accent
#a3826c
neutral
#3d4451
base-100
#f5f5f2
info
#007bff
success
#5cb85c
warning
#f1c40f
error
#ff4d4d
Alternate Colors
text_primary
#000000
text_secondary
#ffffff
text_accent
#000000
text_neutral
#ffffff
soft
#6FA9BC
soft_yellow
#ffeaba
soft_off_white
#FAFAFA
complementary_primary
#466f6a
complementary_secondary
#ef8973
complementary_accent
#4a1a30
complementary_neutral
#c2bbae
complementary_base-100
#0a0a0d
complementary_info
#ff8400
complementary_success
#a347a3
complementary_warning
#0e3bf0
complementary_error
#00b2b2
text_info
#000000
text_success
#ffffff
text_warning
#ffffff
text_error
#ffffff
