Image and Text

Figma Component: 22271-158472

The Image and Text component combines image content with structured text content. It displays optional kicker, headline, body paragraph, optional button and optional bulleted list with icons. Images can be static or animated sequences.

Functional Documentation

Role	Scenario	Description
system	Display image content	Shows single static image or cycles through 3 images when multiple provided.
system	Display text content	Shows kicker (when present), headline, body text, button (when present), and list (when present).
editor	Add text content	Kicker (optional), headline, body text, and button (optional) with label and URL.
editor	Upload images	Single static image or 3 images for animated sequence.
user	View content	Static images display without interaction. Animated images cycle automatically.
user	Click button	Navigates to destination URL. Shows hover state on hover.

Properties

Responsive (Variant)

Value	Example
Desktop
Mobile

Layout (Variant)

Value	Example
Default
White BG + button
Image on right