Webflow Style Guide

Browse the UI elements available on the Template.
Farm is a Webflow Template for Farms, Vineyards and Agriculture related businesses. Farm was designed & developed by BRIX Templates.

Colors

Primary Colors

Primary 1
#C9D935
Primary 2
#339B76

Secondary Colors

Secondary 1
#ECF9F4
Secondary 2
#278060

Neutral Colors

Neutral 700
#122423
Neutral 600
#464E4E
Neutral 500
#717D7D
Neutral 400
#D2D9D6
Neutral 300
#EAECEB
Neutral 200
#F8F9F9
Neutral 100
#F8F8F8
White
#FFFFFF

Typography

Special Text

Special 1

Special 1 - 48px/1.167em

Special 2

Special 2 - 28px/1.071em

H1 To Headings

Heading H1 To H2

Heading H1 To H2 - 34px/1.294em

Heading H1 To H3

Heading H1 To H3 - 22px/1.364em

Heading H1 To H4

Heading H1 To H4 - 19px/1.316em

Heading H1 To H5

Heading H1 To H5 - 16px/1.250em

Heading H1 To H6

Heading H1 To H6 - 14px/1.429em

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 56px/1.143em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 34px/1.294em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 22px/1.364em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 19px/1.316em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 16px/1.250em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 14px/1.429em

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 vitae risus tristique posuere.

Paragraph Large - 24px/36px
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
  • Egestas diam in arcu cursus euismod quis. Ante metus
  • Vestibulum morbi blandit cursus risus. At ultrices mi tempus imperdiet
Bullet List
  1. Cras adipiscing enim eu. Tellus in metus vulputate eu
  2. Dictumst quisque sagittis purus sit amet volutpat consequat mauris nunc.
  3. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus in
Numered List

Bold - Lorem ipsum dolor sit amet

Bold Figure and Figure CaptionText
Lorem ipsum dolor sit amet
Figure and Figure Caption
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

Other

Uppercase Large
Uppercase Large

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

Cards

SECTION

The story behind Farm

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eleifend turpis lacus ornare quam non. Elementum tellus elit adipiscing iaculis urna, neque. Metus ultrices diam sed in. At lacus, nibh aliquam vel. Vel quis est turpis auctor cras lacus et, mi a.

Learn More    

“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet, eget nisl gravida posuere porttitor semper molestie non sit. Sed sapien, mattis amet, quam proin.”

Thomas Meyer

Founder of Farm
Gary Howell
San Diego, California

The Best Organic Products

“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sollicitudin facilisis mollis quis hendrerit sagittis. Quisque ultrices proin pellentesque nibh cursus tristique. Aliquet potenti at pulvinar elementum molestie.”

Read on Reviews.com