Image

When to use

This component should be used when you want to add an image to a page. As we want to have an engaging site, you should always be considering what imagery and other media to add to pages to enhance the text content.

How to use

Images can be displayed within the grid of the page or can stretch to full width across the page. Full width images can be used effectively on article style pages to create an emotional connection when tied together with narrative.

Additional considerations

• Consider our guidance on photographic style when selecting images for your website. Our photography should create a warm and authentic feel, capturing real moments that involve our brands, people and products. Watch the photography tutorial video and refer to Brand Identity & Communication Standard for more details.
• This image component does have the option for overlaid text, however, it is advised to use the 'Image with Info-Box' component if you want to do this.

Example

See this component in use:
Strategy