Design system and visual foundations
A consistent visual system for maintaining brand clarity and design harmony across all pages.
Display 01
Name: Bebas Neue
Size: 70px
Weight: Regular
Line Height: 120%
Letter Spacing: 0%
Display 02
Name: Inter
Size: 35px
Weight: Bold
Line Height: 100%
Letter Spacing: -6%
hEADLINE 01
Name: Inter
Size: 40px
Weight: Bold
Line Height: 100%
Letter Spacing: -6%
hEADLINE 02
Name: Inter
Size: 30px
Weight: Bold
Line Height: 100%
Letter Spacing: -6%
hEADLINE 03
Name: Inter
Size: 20px
Weight: Bold
Line Height: 100%
Letter Spacing: -6%
hEADLINE 04
Name: Inter
Size: 16px
Weight: Semi Bold
Line Height: 120%
Letter Spacing: -6%
Paragraph 01
Name: Inter
Size: 18px
Weight: Regular, Medium
Line Height: 120%
Letter Spacing: -6%
Paragraph 02
Name: Inter
Size: 16px
Weight: Regular, Medium
Line Height: 120%
Letter Spacing: -6%
Paragraph 03
Name: Inter
Size: 14px
Weight: Bold
Line Height: 120%
Letter Spacing: -6%
Primary
#0D3479
Secondary
#8C9DBD
Background
#EEEDE4
Text Grey
#6B83AD

