A full-width text and photo or video component that provides highly visible entry point to content on another page.
There are four options for background color and three options for the content background. Media may be placed on either side. The split layout may be level or offset. Up to two buttons are available for the content side.
Split layouts are a visually interesting way to section content on the page. Offering a balance of text and visuals, split layouts often lead to deeper content and are used on landing page layouts and homepages.
Dos
- Use to feature content in a visual way
- Alternate between left and right image options
- Use in full width layouts
Don’ts
- Don’t use with large amounts of text (3+ paragraphs)
- Don’t use with low-resolution or low-quality images