.svg)
Style Guide
Typography System
Typography is designed for clarity & readability. A simple hierarchy helps users scan content quickly.
H1
Name: Inter Tiger
Size: 56px
Weight: Medium
Line Height: 120%
Letter Spacing: 0px
H2
Name: Inter Tiger
Size: 42px
Weight: Medium
Line Height: 120%
Letter Spacing: 0px
H3
Name: Inter Tiger
Size: 32px
Weight: Medium
Line Height: 120%
Letter Spacing: 0px
H1
Name: Inter Tiger
Size: 20px
Weight: Medium
Line Height: 120%
Letter Spacing: -2%
Paragraph (L)
Name: Inter
Size: 20px
Weight: Semi Bold
Line Height: 150%
Letter Spacing: -2%
Paragraph (M)
Name: Inter
Size: 18px
Weight: Semi Bold
Line Height: 150%
Letter Spacing: -2%
Paragraph
Name: Inter
Size: 16px
Weight: Regular
Line Height: 160%
Letter Spacing: -2%
Paragraph (sm)
Name: Inter
Size: 14px
Weight: Regular
Line Height: 150%
Letter Spacing: -2%
Typography System
Typography is designed for clarity & readability. A simple hierarchy helps users scan content quickly.
Primary Colour
Brand Alt
Brand
Black
Secondary Color
9A9991
EFEDFD
White
Opacity Colors
White 10
White 60
White 72
Brand 10
Brand 30
Smarter Workflow. Better Words
Let AI do the Work so you can Scale Faster
A web developer who’s passionate about performance, security, and great user experience. From concept to clean code
.png)
