Style Guide

The Avoora Style Guide contains all global styles, utility classes, and reusable components to ensure consistent and scalable design across the template.

Typography

H1

Size : 9VW  

P:H1

Size : 5.375 REM  

H2

Size : 3.75 REM  

P : H2

Size : REM 

H3

Size : 2.625 
T:88Px
Size : 5.5 REM 
T:80Px
Size : 5 REM  
T : 52Px
Size : 3.25 REM 
T : 45Px
Size : 3 REM  
T : 36Px
Size : 2.25 REM 
T : 32Px
Size : 2 REM  
T : 24Px
Size : 1.5 REM 
T : 20Px
Size : 1.25 REM 
T : 18Px Regular
Size : 1.125 REM 
T : 18Px Medium
Size : 1.125 REM 
T : 18Px Semi Bold
Size : 1.125 REM 
T : 16Px Regular
Size : 1 REM  
T : 16Px Medium
Size : 1 REM 
T : 16Px Semi Bold
Size : 1 REM  
T : 14Px Regular
Size : 0.875 REM  
T : 14Px Medium
Size : 0.875 REM  
T : 12Px Regular
Size : 0.75 REM  
T : 12Px Medium
Size : 0.75 REM 

Designed to inspire and convert, this creative agency template presents your work with clarity, confidence, and strategic impact.

Size : 1 REM 

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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

  • Item A
  • Item B
  • Item C
Close-up of a black knurled dial with measurement markings and water droplets on its surface.

Text link

Bold text

Emphasis

Superscript

Subscript

Button

LET’S TALK
LET’S TALK

Colors

White
#ff5812
#111
#5d5d5d
#F5F5F5
#9e9e9e
#414141
#e3e3e3
rgba(255, 255, 255, 0)