Style Guide
Crowdfire Style Guide
A reference for colors, typography, components, and layout rules to ensure a unified and accessible design across all pages and campaigns.
Color Style
Main Color
Black Chocolate
#163300
Inchworm
#9FE870
Black
#11150E
Gray
#363A34
Supporting Color
Text Tertiary
#7E877A
Inchworm Lite
#E2FFCC
BG Lite
#F7FCF4
Stroke Gray
#F0F2EE
White
#FFFFFF
Typography Style
Geist - Heading
Heading - 1
Geist - Semi bold, Font Size - 72, Line-height - 84
Heading - 2
Geist - Semi bold, Font Size - 56, Line-height - 64
Heading - 3
Geist - Semi bold, Font Size - 40, Line-height - 54
Heading - 4
Geist - Semi bold, Font Size - 32, Line-height - 44
Heading - 5
Geist - Semi bold, Font Size - 24, Line-height - 36
Heading - 6
Geist - Semi bold, Font Size - 20, Line-height - 28
Geist- Paragraph
Paragraph - 1
Geist - Medium, Font Size - 16, Line-height - 26
Paragraph - 1
Geist - Regular, Font Size - 16, Line-height - 26
Paragraph - 2
Geist - Medium, Font Size - 14, Line-height - 22
Paragraph - 2(Button)
Geist - Medium, Font Size - 14, Line-height - 22
Paragraph - 2
Geist - Regular, Font Size - 14, Line-height - 22
Paragraph - 3
Geist - Medium, Font Size - 12, Line-height - 12
Paragraph -3
Geist - Regular, Font Size - 12, Line-height - 12
