Imagery guidelines
Hero Images
Hero images are large, prominent visuals at the top of key pages. Since our site is constructed using blocks [hyperlink here], each block will have its optimal size and aspect ratio. However, the file format, resolution, and size limit should remain consistent across all images, regardless of their size.
Standard hero
- Optimal size: 665 pixels wide
- File format: JPG or WebP (for better compression and quality balance)
- Resolution: 72 DPI (web standard)
- File size limit: Max 300 KB (to optimise loading speed)
- Text overlay: Ensure sufficient contrast between text and image for readability.
Image hero
- Optimal size: 1400 pixels wide
- File format: JPG or WebP (for better compression and quality balance)
- Resolution: 72 DPI (web standard)
- File size limit: Max 300 KB (to optimise loading speed)
- Text overlay: Ensure sufficient contrast between text and image for readability.
Image hero
Split image
Both the split feature and the split image and text have similar imagery requirements. The split image and text allow you to include larger content, such as solutions or event details. While the split feature doesn’t strictly limit the number of characters, it’s best practice to keep the text to a maximum of 5 lines.
A tabbed navigation is typically used to organise content into sections on a single page, allowing users to switch between different views or areas of content without leaving the page. The image requirements for this module are the same as those for the split feature and split image and text.
Split image
- Required size: 650px by 600px
- File format: JPG or WebP (for better compression and quality balance)
- Resolution: 72 DPI (web standard)
- File size limit: Max 300 KB (to optimise loading speed)
- Text overlay: Ensure sufficient contrast between text and image for readability.
Full width image
These images span the entire width of the page and are used for section dividers or visual impact. They are great for promotions, announcements, or visual callouts.
Testimonials & Success Stories
This section outlines best practices for selecting and using images in case studies. Following these guidelines will help ensure that visuals remain consistent, professional, and aligned with brand standards.
Keep it professional, no selfies!
We love authentic content, but selfies are not the best form to achieve our goal. They can detract from the professionalism of the case and distract from the key message. Stick to clean, clear, and well-composed images that represent the subject of the case study.
Pictures only if paired with testimonials
While we understand the importance of personal connections, images of people’s faces should only be used when they accompany a testimonial. This gives the image context and adds authenticity.
Choose clear, high-quality images
Images should always be high resolution (no pixelation or blurriness) and should clearly represent the product, service, or experience being discussed. Avoid overly staged or ‘stocky’ images; aim for authenticity and relevance.
Maintain consistency across case studies
For a cohesive look, it’s important to use a consistent style of imagery across all case studies. When featuring people, for example, maintaining a consistent lighting and branding helps create continuity.