Webflow Style Guide

Decoration X was designed & developed by the team of designers & developers at BRIX Templates.

Colors

Neutral Colors

Black
#141313
Dark 500
#3D3C3B
Light Gray
#999593
Neutral 500
#8C8C8C
Neutral 400
#B3B3B3
Neutral 300
#DADADA
Neutral 200
#F5F5F5
White
#FFFFFF
Google Gold
#FF971D

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 3.75rem/1.1-

Heading H2 - Aa Bb Cc Dd

Heading 2 - 3rem/1.1-

Heading H3 - Aa Bb Cc Dd

Heading 3 - 2rem/1.3-

Heading H4 - Aa Bb Cc Dd

Heading 4 - 1.5rem/1.3-
Heading H5 - Aa Bb Cc Dd
Heading 5 - 1rem/1.7-
Heading H6 - Aa Bb Cc Dd
Heading 6 - 1rem/1.7-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Paragraph Small - 15px/24px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 18px/30px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vita.

Paragraph Large - 24px/38px

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List
About Interior Design Firm - Decoration X Webflow Template
Lorem ipsum dolor sit amet
Figure and Figure Caption

Rich Text

Line Icons Rounded

Line Icons Square

Filled Icons

Social Media Icons

Buttons

Small
Button Primary - Small
Default
Button Primary - Default
Large
Button Primary - Large
Small
Button Secondary - Small
Default
Button Secondary - Default
Large
Button Secondary - Large