---
title: Style Guide
---

# This is an H1 heading in the top banner. 60px.

## This is the H2 heading in the top banner. 30px.

# 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](https://www.farmpd.com/style-guide#) 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](https://www.farmpd.com/style-guide#button)

### Colors:

Dark Teal  
#06344C

Teal  
#7C95A1

Aqua  
#31FDFF

Yellow  
#ffe300

Orange  
#f58B00

Green  
#96F30F

Pink  
#E83BF5

Light Gray  
#f5f5f5

At Farm we help you  
 shape the future of healthcare.

[![ISO](https://www.farmpd.com/hubfs/images/icon-svg/ISO-logo.svg) ISO: EN ISO 13485:2016 Certified](https://www.farmpd.com/hubfs/Farm%20Design%20-%20Q8%20073254%200006%20Rev00%20-%20Valid%20Until%20April%2030%202022.pdf)

[Connect](https://www.farmpd.com/contact-us-locations)

Contact

[603-402-5500](tel:1-603-402-5500)

[info@farmpd.com](mailto:info@farmpd.com)

[**](https://www.linkedin.com/company/farm-design-inc) [**](https://www.instagram.com/farm_pd/) [**](https://www.behance.net/farmpd1) [**](https://twitter.com/FarmPD)

© 2026 Farm Design, Inc. All rights reserved.    |    [Privacy](https://flex.com/privacy-policy)    |    Supplier Information