Image and text
Serpentine, zigzag or checker board layout of image and text breaks monotony and adds visual interest to a long page.
Body text is shown below title and is positioned to the left hand side of the image.
A button can be added
Body text is shown below title and is positioned to the right hand side of the image in the second instance creating a zigzag effect of content.
Body text is shown below title and is positioned to the left hand side of the image in the third instance continuing to create a zigzag effect of content.
How it works
Alternating alignment of meaningful images that support the text and tell a visual story are beneficial and will gain a lot of attention.
Intended purpose
This is to be used to with the purpose of commanding attention to the image and text and should not be used as an alternative to a gallery of images. Ideally 4 rows would be the maximum usage to create a short list otherwise users will scroll past to the next piece of content.
Complex imagery will overwhelm the users eyes and should not be used in this component.
