Generic content page components

H1 title block

Introduction text block. This block has no character limit and has text that is center-aligned.

Heading 2

Text blocks are flexible with font sizes, but title blocks are not.

Heading 3

This generic content page is used for testing components.

Heading 4

Below this component is a solid division line.

Rich text content block

What is the difference between this and the intro block above? This one has a header and is the text is left-aligned. You can also choose to add divider lines to your page, as you will see scattered about. There are two to choose from: solid and dotted.

alt text
Image caption
Image and text side by side, no CTA

Title character limit 255. Body text, no character limit. CTA optional.

alt text
Image caption
Image and text side by side with CTA

Title character limit 255. Body text, no character limit. CTA optional.

CTA to home
alt text
Image caption
Image and text side by side with a tall image

Image height can vary, please use 960 px width. Body text, no character limit. Title text character limit 255. A tall image would be good for long-form copy.

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

CTA to home

Promo blocks

alt text
Dark blue promo block

This is a promo block with a dark blue background. The image can be on either side of the block, and can be any height with a 960 px width.

CTA to homepage
alt text
Yellow promo block

This is a yellow promo block. The image can be on either side of the block, and can be any height with a 960 px width.

CTA to home
alt text
Light blue promo block

This is a light blue promo block. The image can be on either side of the block, and can be any height with a 960 px width.

CTA to home
alt text
Promo block - no background

This is a promo block with no background. You can only have a CTA on this if it's on a page or block that has a dark background. The image can be on either side of the block, and can be any height with a 960 px width.

Video block

alt text

Statistics snippet block

1 of 3: Blue

This is a statistics snippet item subtitle. Character limit 255.

This is the description. Character limit 255. This one is blue.

2 of 3: Green

This is a statistics snippet item subtitle. Character limit 255.

This is the description. Character limit 255. This one is green.

3 of 3: Orange

This is a statistics snippet item subtitle. Character limit 255.

This is the description. Character limit 255. This one is green.

Ambassador carousel

This component shows a feed of the ambassador pages.

Event block

1920 x 1080

Event title. Character limit 255.

Text box 1

Location - venue. No character limit. You can use basic formatting like italics, underline,​​​​​​ and links to other pages, including external pages.

Text box 2

Location - stand. No character limit. You can use basic formatting like italics, underline​​​​​​, and links to other pages, including external pages

 

Event opening date info

Event opening hours info

Event button text
alt text Image description

Quote blocks

This is a small quote component. Character limit 255. CTA not available.

Title. Character limit 255.

Subtitle. Character limit 255.

Forms

A number of form types are available. Some of them are:

  • Brochure download / download pdf
  • Brochure request by post
  • Event registration
  • Fair promotion - this is a form that will clear customer data between uses so that if you use a mobile device at a fair for people to sign up, they will not see the previous customer's data
  • Others by request
  • In the pipeline: sample order, transfer order. These forms have the most complex multi-team flows of all of our forms and are in testing. Stay tuned.

Note that the forms on this page are for testing and design only and are not configured to work within the acceptance environment. If you notice a Recaptcha error on the right side of this page, that's why. Forms that we launch to production will have a functional Recaptcha like this:

Recaptcha

Field test

Form fields

This block shows all of the available elements you can add to a form

Standard form fields are first name, last name, email, and company.

Additional fields can be:

  • Text area - both single line and a larger version for comments
  • Dropdown - maximum 6 selections
  • Radio options - where you can only choose one option, this can be text only or visual
  • Checkboxes - where you can choose multiple options or have one lone-standing checkbox

Do not overwhelm your customer with more fields than necessary, the more fields you have the worse user experience your customer will have. Less is more!

You can add more text here, which is optional. There is no character limit, but be careful that the left and right halves of your form are somewhat even - the left containing text and an image (optional), the right being the form. If you have an image it needs to be 960 px wide, but can be any height.

alt text
Standard fields
Additional fields
255 character left characters left
Radio buttons [mapped to dynamic input 3]
Dropdown [mapped to dynamic input 4]
Visual radio button
The FrieslandCampina Privacy Policy applies

Icon and link components

Packaging

Packaging

Icon and link component: Packaging

Production

Production

Icon and link component: Production

Sustainable farming

Sustainable farming

Icon and link component: Sustainable farming

Shared components

These components can be added to pages, but not changed.

Newsletter block

Contact us block

In the pipeline

Inspiration promo block. Title character limit 255.

This inspiration promo block will be available for content implementation soon. Description - no character limit.

Inspiration

Image sizes

Image sizes

For a tailored experience, please select your role.

For chefs
For bakers

you can change preferences at any time from the header