Style Guide & Brand Identity
A complete reference for colors, typography, Button, and visual elements to keep your design consistent and professional.
Typography System
Display 01
Name: Inter Tight
Size: 96px
Weight: Regular
Line Height: 100%
Letter Spacing: -2%
Display 02
Name: Inter Tight
Size: 64px
Weight: Regular
Line Height: 100%
Letter Spacing: -2%
Headline 01
Name: Inter Tight
Size: 48px
Weight: Regular
Line Height: 120%
Letter Spacing: -2%
Headline 02
Name: Inter Tight
Size: 36px
Weight: Regular
Line Height: 120%
Letter Spacing: -2%
Headline 03
Name: Inter Tight
Size: 32px
Weight: Regular
Line Height: 120%
Letter Spacing: -2%
Headline 04
Name: Inter Tight
Size: 28px
Weight: Regular
Line Height: 120%
Letter Spacing: -2%
Headline 05
Name: Inter Tight
Size: 24px
Weight: Medium
Line Height: 120%
Letter Spacing: -2%
Headline 06
Name: Inter Tight
Size: 20px
Weight: Medium
Line Height: 140%
Letter Spacing: -2%
Paragraph 01
Name: Inter Tight
Size: 18px
Weight: Regular, Medium
Line Height: 140%
Letter Spacing: -1%
Paragraph 02
Name: Inter Tight
Size: 16px
Weight: Regular, Medium
Line Height: 140%
Letter Spacing: 0%
Paragraph 03
Name: Inter Tight
Size: 14px
Weight: Regular, Medium
Line Height: 140%
Letter Spacing: 0%
Color System
Primary
#D6A68A
Secondary
#AD9768
White
#FFFFFF
Dark Text
#0E0E0E
Gray
#7C7C7C
Stoke
#DFDFD3
Sub BG
#FDFBF4
Background
#F5F3EC
Button Styles