Unit Content - Image
Use the Unit Content – Image component to insert full-width, medium or small images on a page. Images can be a single image, an image gallery or a video.
On This Page
Examples
Lorem ipsum dolor sit amet consectetur adipiscing elit purus a, curae est quis inceptos vestibulum aliquam ut pellentesque. Neque nibh in diam accumsan nam iaculis suscipit faucibus morbi pharetra, sed metus erat ante hendrerit quisque ultricies lobortis etiam eu inceptos, potenti commodo tincidunt nisl semper tellus non porta ut. Porta tortor turpis bibendum lacinia convallis nascetur etiam torquent, cum proin gravida condimentum tempor aliquam rhoncus, quisque nec primis nibh ridiculus tempus libero.
Headline Goes Here
Nostra eu et suscipit sem maecenas enim vestibulum habitant, placerat etiam vehicula gravida consequat nunc dignissim. Aliquet fringilla duis taciti etiam accumsan potenti, massa conubia nisi scelerisque vehicula torquent, arcu cursus feugiat euismod ac. Dictum fermentum a eget auctor nascetur congue viverra, semper phasellus hac quisque scelerisque urna lacus nisi, taciti dis sociis hendrerit aptent volutpat. Mi etiam ante enim metus luctus viverra primis praesent vel, interdum velit consequat molestie pellentesque pulvinar posuere libero nullam, venenatis elementum sociis cras at auctor taciti lectus.
Est class feugiat sem scelerisque inceptos quisque suscipit at elementum interdum nunc porttitor varius ligula, non aliquet bibendum convallis penatibus platea tempus mus ante fusce proin mattis augue. Mus aliquam eget libero nullam odio habitasse tempor senectus, torquent non enim conubia viverra commodo tempus ullamcorper, accumsan platea ad cras felis netus ligula. Habitant sapien senectus turpis ullamcorper cubilia blandit volutpat parturient platea, commodo magna dis nascetur ante enim inceptos lacinia.
Headline Goes Here
Lacinia quam dictumst nisl sodales luctus natoque neque montes semper magna pulvinar lobortis aliquet placerat, risus congue non maecenas suscipit pharetra rhoncus varius erat vestibulum metus interdum sagittis. Est class feugiat sem scelerisque inceptos quisque suscipit at elementum interdum nunc porttitor varius ligula, non aliquet bibendum convallis penatibus platea tempus mus ante fusce proin mattis augue. Mus aliquam eget libero nullam odio habitasse tempor senectus, torquent non enim conubia viverra commodo tempus ullamcorper, accumsan platea ad cras felis netus ligula. Habitant sapien senectus turpis ullamcorper cubilia blandit volutpat parturient platea, commodo magna dis nascetur ante enim inceptos lacinia.
Quisque vulputate class senectus taciti litora commodo torquent aptent, vehicula semper arcu fames per habitasse. Tortor mi est fermentum sapien nascetur facilisi nulla donec, convallis congue massa inceptos habitasse nisl blandit ligula pulvinar, fames sociis libero ridiculus erat lectus euismod. Non conubia lacinia neque senectus et quis nunc nisl etiam, fringilla torquent curae libero tincidunt aptent elementum faucibus, nullam malesuada cursus rutrum dictumst netus id ad.
Video Embed
Lacinia quam dictumst nisl sodales luctus natoque neque montes semper magna pulvinar lobortis aliquet placerat, risus congue non maecenas suscipit pharetra rhoncus varius erat vestibulum metus interdum sagittis. Est class feugiat sem scelerisque inceptos quisque suscipit at elementum interdum nunc porttitor varius ligula, non aliquet bibendum convallis penatibus platea tempus mus ante fusce proin mattis augue. Mus aliquam eget libero nullam odio habitasse tempor senectus, torquent non enim conubia viverra commodo tempus ullamcorper, accumsan platea ad cras felis netus ligula. Habitant sapien senectus turpis ullamcorper cubilia blandit volutpat parturient platea, commodo magna dis nascetur ante enim inceptos lacinia.
Image Gallery Embed
Lacinia quam dictumst nisl sodales luctus natoque neque montes semper magna pulvinar lobortis aliquet placerat, risus congue non maecenas suscipit pharetra rhoncus varius erat vestibulum metus interdum sagittis. Est class feugiat sem scelerisque inceptos quisque suscipit at elementum interdum nunc porttitor varius ligula, non aliquet bibendum convallis penatibus platea tempus mus ante fusce proin mattis augue. Mus aliquam eget libero nullam odio habitasse tempor senectus, torquent non enim conubia viverra commodo tempus ullamcorper, accumsan platea ad cras felis netus ligula. Habitant sapien senectus turpis ullamcorper cubilia blandit volutpat parturient platea, commodo magna dis nascetur ante enim inceptos lacinia.
Settings & Features
- Sizes:
- Large, full width (2500 x 1200 pixels)
- Medium (1400 x 1400 pixels)
- Small (1200 x 1400 pixels)
- Medium and small images can be aligned left or right
- Optional image gallery asset
- Optional video embed URL
Working with Content
Good for:
- Adding visual interest to a page
- Breaking up lengthy text
- Adding engaging content options
- Sharing multiple, related images
Avoid if:
- Images are not high quality or are out of focus
- Images are distracting or don’t connect to the page content
- Images contain text
Best Practices
- Use high-quality, relevant images.
- Avoid overcrowding the page with too many images.
Usability & Guidelines
- Always include descriptive alt text for accessibility.
Alternative Options
If images are low quality or not effective at supporting content, consider another type of component for better usability, accessibility and maintenance.
| Content Need | Recommended Component |
|---|---|
| Communicate a numeric stat | Highlight stat |
| Communicate and action step or primary point | Highlight Box |