This is the smaller H1 heading that is used in certain areas.

This is an H2 heading. 48px.

This is an H3 heading. 36px.

This is an H4 heading. 28px.

This is an H5 heading. 22px.

This is regular body copy. 16px. This example page uses the yellow-highlights body class, which sets the color for each section (highlights: yellow, green, orange, teal and pink). Dummy text to follow. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is a smaller H2 heading. 40px.

This is a smaller H3 heading. 32px. There is also a smallest H1 at this size for the work page.

This is a smaller H4 heading. 26px.

Below is a bulleted list:

  • First item in the list
  • Another item in the list with a link and
  • The third item in the list.

Here are a few more text styles:

 

XXL Text. 24px. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 

 

XL Text. 20px. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 

 

LG Text. 18px. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 

 

SM text. 12px. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

XS text. 10px. The copyright text in the footer is this size.

 

 

EXAMPLE BUTTON

Colors:

Dark Teal
#06344C
Teal
#7C95A1
Aqua
#31FDFF
Yellow
#ffe300
Orange
#f58B00
Green
#96F30F
Pink
#E83BF5
Light Gray
#f5f5f5
© 2025 Farm Design, Inc. All rights reserved.    |    Privacy    |    Supplier Information