Image & Text Page Block

This is a foundational page block type, and contains a side-by-side layout on desktop, featuring an image in one column and paragraph of text in the second column. Several variations exist for this block type.

H2 – Image & Text, “inline” and “default” image style (white bg)

Do we need the “Block Placement” styling in the Settings for this block? Do we need the “Image Style” styling in the settings?

This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Primary Button Example

H2 – Image &Text (light gray bg)

The paragraph text that immediately follows the h2 can have the .intro class applied to it. Note, though, we should be mindful with how much text we enlarge here.

This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Primary Button Example

Should we remove the heading from some page blocks?

For example, Image & Text, Video & Text.

H2 – Image & Text, “overlapping” and “circle” (white bg)

I’m not seeing any overlap, so wondering if we need that in the Settings, and also not seeing the “circle” image style, so wondering if we need that either.

This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Primary Button Example

Is this a necessary variation to provide?

If we do want to allow for the flexibility of a 1-image, should we for the image to be full-width?