Teste

Style Gide Of Finox Template

These are a collection of principles and techniques to assist you in creating websites with Webflow.

Colors

#222222
#4B5154
#7B7B7B
#FFFFFF
#F3F3F3
#222222
#4B5154
#7B7B7B
#FFFFFF
#F3F3F3

Icons

Typography

H1

Name: Inter Display
Size: 240px
Weight: Light
Line Height: 100%
Letter Spacing: -10%

H2

Name: Inter Display
Size: 120px
Weight: Regular
Line Height: 105%
Letter Spacing: -4%

H3

Name: Inter Display
Size: 48px
Weight: Regular
Line Height: 120%
Letter Spacing: -2%

H4

Name: Inter Display
Size: 36px
Weight: Regular
Line Height: 130%
Letter Spacing: -2%
H5
Name: Inter Display
Size: 32px
Weight: Regular
Line Height: 135%
Letter Spacing: -2%
H6
Name: Inter Display
Size: 28px
Weight: Regular
Line Height: 140%
Letter Spacing: -2%

Paragraph P1

Name: Inter Display
Size: 24px
Weight: Regular
Line Height: 140%
Letter Spacing: -1%

Paragraph P2

Name: Inter Display
Size: 20px
Weight: Regular
Line Height: 145%
Letter Spacing: -1%

Paragraph P2

Name: Inter Display
Size: 18px
Weight: Light
Line Height: 150%
Letter Spacing: 0%

Paragraph P2

Name: Inter Display
Size: 16px
Weight: Regular
Line Height: 150%
Letter Spacing: 0%

Paragraph P2

Name: Inter Display
Size: 14px
Weight: Regular
Line Height: 160%
Letter Spacing: 0%

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

Text link

Bold text

Emphasis

Superscript

Subscript

Style Guide
See More
See More
Primary Button ImgPrimary Button Img