Content Block Style Guide
This reference guide shows the available content blocks and their variations.
Hero
Start the page with a full-width image and intro text. Image should be 1920 x 1080px.
Hero Headline
Hero Subhead
Background Section
Display a headline, paragraph and optional button.
Card Container
Display content cards in either 3 or 4 columns. Each card can have an image, title, description, link and icon. The background can be navy, light blue or yellow.
Card Container Headline
Intro copy goes here.
Optional disclaimer copy goes here.
Card Container Headline
Fifty Fifty
Display a block with an image on the left and text content on the right or vice-versa. The background can be blue, navy, pink, red or white. Image should be 960 x 1080px.
Hero Carousel
Display a single full-width image or a carousel of full-width images. Image should be 1920 x 720px.
Logo Grid
Display a multi-column grid of logo cards with buttons underneath.
Recipe CTA
Display information overlaid on top of a large image. Image should be 1920 x 1080px.
Related Products
Display three related product cards. Product images should be 870 x 870px.
Two Column Cards
Display side by side cards. Each card can have an image, title, description and button. The card background can be blue, navy, pink, or red. Images should not exceed 870 wide.
Trace Form
Display the trace form.
Trace your seafood
Enter the code found on the back of your pack.
Video Player
Display a poster image overlaid on top of a Vimeo video embed. Image should be 1920 x 1080px.
