Back to all components

Image Cards

Image cards are versatile components that combine images with text, buttons, or other elements in a neatly organised card layout.

They are ideal for showcasing content like product listings, team profiles, or blog summaries.

Each card includes an image at the top, followed by text like a title or description, and optional actions like buttons.

Card styles and sizes can be changed to match your colour scheme.

Example Image Card

A Size 4 Image Card with a Landscape style image.

1128 x 783

This is body text. This is body text. This is body text. This is body text.

This could be used for a news article.

Example Image Card

A Size 4 Image Card with a Landscape style image.

1128 x 783

This is body text. This is body text. This is body text. This is body text.

This could be used for a news article.

Example Image Card

A Size 4 Image Card with a Landscape style image.

1128 x 783

This is body text. This is body text. This is body text. This is body text.

This could be used for a news article.

Example Image Card

A Size 6 Image Card with a Portrait style image.

640 x 768

This is body text. This is body text. This is body text. This is body text.

This could be used for a product listing.

You have the ability to add an icon at the top, followed by text like a title or description. You can also add a link to the icon if you would like it to redirect to another page. You are unable to add a link on an icon card with no ico...

Image Cards

Icon Cards