Style Guide
We use Figma’s local styles to standardize colors, typography, and components ensuring consistency, scalability, and easy maintenance.
Colors Style
Brand Colors
Primary Color
#6766FF
Text Colors
Title White
#FFFFFF
Paragraph Grey
#E1E2E5
Paragraph Dark
#767676
Title Black
#03020B
Background Colors
Blue Gradient
#F6F9FF - #FFFFFF
Pink Gradient
#FFFFFF - #FFEFFA
Blue Gradient 2
#E9EFFF - #FFFFFF
White
#FFFFFF
Grey
#F6F6F6
Dark
#03020B
Border Colors
Stroke Light
#E1E2E5
Stroke Dark
#595959
Typography Styles
TASA Orbiter Display | Regular/Medium/SemiBold /Bold
Text Scaling
Text Weight
Text Size
Text Line Height
H1 Text
Medium
96px
100%
H2 Text
Medium
80px
100%
H3 Text
Medium
60px
110%
H4 Text
Medium
48px
120%
H5 Text
Medium
40px
120%
H6 Text
Medium
28px
130%
Para Text Extra Large
Medium
24px
160%
Para Text Large
Medium
20px
160%
Para Text Medium
Medium
18px
150%
Para Text Small
Medium
16px
150%
Para Text Extra Small
Medium
14px
150%
Medium
18px
100%
Medium
16px
100%
Buttons Style
Button Large
Button Small
