case studies

Style guide

Here you’ll find rules and instructions for using each component consistently, ensuring a unified, polished, and professional template design throughout.

Theme style
Color
Typography
Button
Color style
Warm of White
#F4F3F0
White
#FFFFFF
Primary Black
#1A1A18
Primary Black Accents
#222222
Secondary Gold
#e9c14b
Secondary Gold Accents
#eecd6d
Secondary Gold Soft
#edd077
Dark Grey
#666666
Light Grey
#999999
Typography style

H1- Aa Bb Cc

Heading 1
Albert Sans - 400 Reguler
Size 8 VW
Height 8.5 VW

H2- Aa Bb Cc

Heading 2
Albert Sans - 400 Reguler
Size 2.65 VW
Height 2.9 VW

H3- Aa Bb Cc

Heading 3
Albert Sans - 400 Reguler
Size 1.98 VW
Height 2.06 VW

H4- Aa Bb Cc

Heading 4
Albert Sans - 400 Reguler
Size 1.48 VW
Height 1.92 VW
H5- Aa Bb Cc
Heading 5
Albert Sans - 400 Reguler
Size 1.11 VW
Height 1.44 VW
H6- Aa Bb Cc
Heading 6
Albert Sans - 400 Reguler
Size 0.83 VW
Height 1.44 VW
Text Block Typography
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Text
Text
Text
Rich text typography

H1

H2

H3

H4

H5
H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

Bold text

  • Item A
  • Item B
  • Item C

Text link

Emphasis

Superscript

Subscript

Button
Link Arrow
Form Button
Book a Call
arrow_forward