Component
Panel
A panel combines an image with a card. Six arrangements are available – from image on top to a large hero area.
Variant
Image on top
For tiles in rows.
Template: ImageTopPanel
Freshly roasted
We roast our beans in small batches and ship them on roasting day, so the coffee reaches you with its full aroma.
Variant
Image below
Text comes first.
Template: ImageBottomPanel
Freshly roasted
We roast our beans in small batches and ship them on roasting day, so the coffee reaches you with its full aroma.
Variant
Image left
Image and text side by side, from tablet size.
Template: ImageLeftPanel
Freshly roasted
We roast our beans in small batches and ship them on roasting day, so the coffee reaches you with its full aroma.
Variant
Image right
Mirrored – to vary the flow of the page.
Template: ImageRightPanel
Freshly roasted
We roast our beans in small batches and ship them on roasting day, so the coffee reaches you with its full aroma.
Variant
Hero with card
The image fills the area; the card sits bottom left in the section's colours.
Template: ImageHeroPanel
Variant
Hero with text on the image
The text sits right on the image; a veil keeps it readable.
Template: ImageHeroOverlayPanel
Option
Card position in a hero
Through the card's advanced settings: centred here instead of bottom left.