Brand image
The Brand image section is a full-bleed editorial image without text overlay. Use it as a visual breather between content sections — a single hero image, a campaign shot, an in-store photograph.
Settings
- Image — The image to display.
- Image focal point — Desktop focal point used when the image is cropped. Options: Top, Center, Bottom.
- Mobile focal point — Mobile focal point. Options: Top, Center, Bottom, Left, Right.
- Overlay opacity — Darkness of the overlay layer. Range: 0% to 80%. Default: 0%.
- Image height — Vertical size of the section. Options: Small, Medium, Large.
Tips
- No text means strong photography. Without copy, the image carries the entire section. Use a high-quality, brand-appropriate shot.
- Focal points matter — On wide desktop and tall mobile, the image is cropped differently. Set focal points so the subject stays in frame on both.
- Use sparingly. One or two Brand image sections on a long page; more breaks the pacing.
- Overlay opacity — Leave at 0% in most cases. Raise it only if the image is a key part of the brand identity but you want to mute it slightly to push more attention to the next section.
Related
- For an image with text overlay, use Hero banner.
- For an image with body copy and a button, use Brand message.