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.

Buy Template

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

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

Cras adipiscing enim eu. Tellus in metus vulputate eu
Dictumst quisque sagittis purus sit amet volutpat consequat mauris nunc.
Faucibus ornare suspendisse sed nisi lacus sed viverra tellus in

Numered List

Link - Lorem ipsum dolor sit amet

Links

Bold - Lorem ipsum dolor sit amet

Bold Figure and Figure CaptionText

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

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