🎨 Color Styles
These are the colors that shaped this template's design, selected with care and intention. Feel free to adjust them to give your design a fresh and harmonious update.
Absolute Colors
This is a absolute white and black.
White
#FFFFFF
Black Soul
#151516
Primary Colors
Primary Colors - The foundational color representing brand identity in this template
Warm White
#F2EFE7
Concrete
#3381FF
Graphite
#292927
60
#3381FF
55
#1871FF
40
#004ECC
Grey Shades
Dark Colors - Employed for creating inviting and readable text elements throughout the template
500
#0D0D0D
100
#1A1A1A
150
#262626
200
#333333
300
#4C4C4C
350
#585859
550
#8C8C8C
700
#B3B3B3
950
#F2F2F2
Transparency
Transparent Colors - Used for overlays, subtle layering, hover states and atmospheric depth across the interface while maintaining visual consistency and readability.
50%
#000000
70%
#000000
200
#333333
Typography
Typeface
Sofia Sans
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
Typeface
Roboto
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
Font size: 80px / 5rem | Line height: 84px
Heading 1
Font size: 72px / 4.5rem | Line height: 72px
Heading 2
Font size: 50px / 3.125rem | Line height: 48px
Heading 3
Font size: 36px / 2.25rem | Line height: 36px
Heading 4
Font size: 36px / 2.25rem | Line height: 36px
Heading 4 WHITE
Font size: 12px / 0.75rem | Line height: 16px
Heading 5
Font size: 12px / 0.75rem | Line height: 16px
Heading 5
Font size: 25px / 1.56rem / Line height: 28px
Text XLarge
Font size: 25px / 1.56rem / Line height: 28px
Text Large
Font size: 25px / 1.56rem / Line height: 28px
Text Medium
Font size: 25px / 1.56rem / Line height: 28px
Text Small
Font size: 25px / 1.56rem / Line height: 28px
Text XSmall