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.
SECTION 1 | CARD TILES
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 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.
** CARD TILE | TWO/FOUR COLUMN | NO IMAGE MASK **
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.
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.
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.
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.
** CARD TILE | THREE COLUMN | CIRCLE IMAGE MASK **
Heading to go here
Content to go here and here and here and here and here and here.
Heading to go here
Content to go here and here and here and here and here and here.
Heading to go here
Content to go here and here and here and here and here and here.
** CARD TILE | THREE COLUMN | NO IMAGE MASK **
I would not recommend this layout as it breaks on screen sizes 576px to 991px. The images used are not in the correct sizing.
If you want to use three columns with images, use the circle mask option instead.
Heading to go here
Content to go here and here and here and here and here and here.
Heading to go here
Content to go here and here and here and here and here and here.
Heading to go here
Content to go here and here and here and here and here and here.
** CARD TILE | ARTICLE WIDTH **
Heading to go here
Content to go here and here and here and here.
SECTION 2 | MULTI-COLUMN GRID
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 and here and here and here and here and here and here and here and here.
** MULTI-COLUMN GRID | FOUR COLUMN **
Heading to go here
Content to go here and here and here and here and here and here and here.
Heading to go here
Content to go here and here and here and here and here and here and here.
Heading to go here
Content to go here and here and here and here and here and here and here.
Heading to go here
Content to go here and here and here and here and here and here and here.
** MULTI-COLUMN GRID | THREE COLUMN **
The images have been scaled up from the four-column multi-column grid layout. The dimensions are incorrect, however, the ratio is correct for both the image size and image safe space.
Heading to go here
Content to go here and here and here and here and here and here and here.
Heading to go here
Content to go here and here and here and here and here and here and here.
Heading to go here
Content to go here and here and here and here and here and here and here.
** MULTI-COLUMN GRID | TWO COLUMN **
Heading to go here
Content to go here and here and here and here and here and here and here.
Heading to go here
Content to go here and here and here and here and here and here and here.
** MULTI-COLUMN GRID | FOUR COLUMN | CARD TILE | SMALLER + LEFT-ALIGNED ICON **
** MULTI-COLUMN GRID | FOUR COLUMN | CARD TILE **
I would not recommend this layout as the image mask breaks the layout. The images used are not in the correct sizing.
Heading to go here
Content to go here and here and here and here and here and here.
** MULTI-COLUMN GRID | TWO COLUMN | IMAGE ON LEFT, TEXT ON RIGHT **
Heading to go here
Content to go here and here and here and here.
** FEATURED TILE | NO IMAGE MASK **
Content to go here and here and here.
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:
- Image background
- Colour overlay
- Heading
- Text
- Call-to-action
** CALL-TO-ACTION | PRIMARY HERO BANNER **
** CALL-TO-ACTION | SECONDARY HERO BANNER **
** 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:
- 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+);
- On the desktop, the image call-to-action is too big; and
- Images over 2000px wide are automatically compressed by AEM, making them appear more pixelated than images less than 2000px wide.
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 **
** CARD TILE | ONE COLUMN | SIMPLE LAYOUT | IMAGE POSITION RIGHT **
CATEGORY TITLE
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 and here and here and here and here.
** CARD TILE | ONE COLUMN | SIMPLE LAYOUT | IMAGE POSITION LEFT **
CATEGORY TITLE
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 and here and here and 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 **
PARTNERING FOR SUCCESS
We’ve got the expertise to maximise your homegrown feed
Proven products, practical advice, and the latest insights to help you plan, grow, and optimise quality homegrown feed this spring.
