Style Guide
Style guide & Styling Reference
This style guide includes all typography, colors, buttons, spacing, and UI elements used throughout the template.
Color Style
Main Color
Orange
#FF4D1D
White
#ffffff
Black
#111212
Supporting Color
BG Color
#171717
Stroke - 1
#272727
Stroke - 2
#636363
Text Secondary
#C5C2C2
Text Tertiary
#706E6E
BG Secondary
#FFFFFF (8%)
Typography Style
Inter Tight & Instrument Serif
Heading - 1
Instrument Serif - Regular, Font Size - 64, Line-height - 72
Heading - 1/Italic
Instrument Serif - Regular, Font Size - 64, Line-height - 72
Heading - 2
Inter Tight - Medium, Font Size - 32, Line-height - 40
Heading - 3
Inter Tight - Medium, Font Size - 40, Line-height - 48
Heading - 4
Inter Tight - Medium, Font Size - 24, Line-height - 32
Heading - 5
Inter Tight - Medium, Font Size - 20, Line-height - 28
Inter Tight - Paragraph
Paragraph - XL
Inter Tight - Medium, Font Size - 18, Line-height - 28
Paragraph - 1
Inter Tight - Medium, Font Size - 18, Line-height - 28
Paragraph - 1
Inter Tight - Regular, Font Size - 28, Line-height - 28
Paragraph - 2
Inter Tight - Medium, Font Size - 16, Line-height - 24
Paragraph - 2
Inter Tight - Regular, Font Size - 16, Line-height - 24
Paragraph - 3
Inter Tight - Regular, Font Size - 14, Line-height - 20
Inter - Semi-bold, Font Size - 12, Line-height - 16
Components
