Locals caring for our farming future

Your Farm Source team is here to provide support where you want it through innovative tools, services, products and expertise.

Farmer dashboard, farm tools and reports

SECONDARY HERO BANNER

Heading (>=25 characters)

Content to go here and here and here and here and here and here and here and here and here and here and here and here and here and here and here and here and here and here and here and here.

CTA Headline

** FEATURED TILE | NO IMAGE MASK **

SECTION 3 | SUBNAVIGATION TWO COLUMN

Heading to go here

Content to go here and here and here and here and here and here and here and here and here and here and here and here.

** SUBNAVIGATION TWO COLUMN | RESPONSIVE IMAGE **

This layout does not work for screen widths from 576px to 1305px.

SECTION 4 | CALL-TO-ACTION

Heading to go here

The recommendation is not to use image call-to-actions, as the font size would be inconsistent with the rest of the site.

The preferred option would be a component with the following attributes:

  1. Image background
  2. Colour overlay
  3. Heading
  4. Text
  5. Call-to-action

** CALL-TO-ACTION | PRIMARY HERO BANNER **

PRIMARY HERO TITLE | OPTIONAL TITLE

Mandatory title = This CTA will not work

CTA Headline | Optional title

** CALL-TO-ACTION | SECONDARY HERO BANNER **

SECONDARY HERO BANNER | OPTIONAL TITLE

Mandatory title = This CTA will not work

CTA Headline | Optional title

** CALL-TO-ACTION | IMAGE | CONTAINER WIDTH **

This 1900x750 image call-to-action where the container is set to 'Container-width' would still require supporting text for three reasons:

  1. The image ratio on mobile is too small, making the text within the image hard to read (at best, the text size would have to be 64+);
  2. On the desktop, the image call-to-action is too big; and
  3. Images over 2000px wide are automatically compressed by AEM, making them appear more pixelated than images less than 2000px wide.
Placeholder

Heading to go here

Content to go here and here and here and here and here and here. Terms and conditions apply.

** CALL-TO-ACTION | IMAGE | ARTICLE WIDTH **

I would recommend the container be set to 'Article Width' to cater to image call-to-actions. Text sizes of 40+ would be suitable for mobile.

** CALL-TO-ACTION | SECONDARY HERO BANNER | ARTICLE WIDTH **

Heading to go here

Content to go here and here.

** VIDEO EMBED | MULTI-COLUMN GRID | TWO COLUMN **

Do not use this layout as the video is cropped.

Content to go here and here and here and here and here and here and here and here and here and here and here and here and here.

** VIDEO EMBED | VIDEO TEXT BADGE RIGHT **

Heading to go here

Content to go here and here and here and here and here and here and here and here and here and here and here and here and here.