Split feature

Half the width is a white panel with a kicker, a large heading, a paragraph and a solid button. The other half is a photograph at 4:3. It is the same geometry as the Hero, used mid-page instead of at the top, with an <h2> rather than an <h1>.

Reach for it when one thing needs a paragraph of explanation and a picture: a collaboration, a capsule within the drop, a factory or a maker, a story that links out to a page.

Settings

Setting	Type	Default	What it does
Kicker	Text	Collaboration	Small accent eyebrow above the heading.
Heading	Text	A limited collaboration	The heading, at the second display step.
Text	Textarea	—	The paragraph, capped at a 44-character measure.
Result button	Text	Read more	Solid button. Leave empty for no button.
Button link	URL	—	Where the button goes.
Image	Image	—	The photograph, cropped to 4:3. Placeholder when unset.
Put the image on the left	Checkbox	false	Put the image on the left and the copy on the right.
Image focal point	Select — Top / Upper / Centre / Lower / Bottom	center	What stays in frame when the image is cropped.
Top spacing	Range, 0–160 px	48	Top spacing.
Bottom spacing	Range, 0–160 px	48	Bottom spacing.

No blocks. One preset, Split feature.

Behaviour worth knowing

The copy panel is always white. There is no colour-scheme setting here, because the white plane against the photograph is the section. The button, the link hovers and the paragraph colour are all remapped for the light ground automatically.

It is edge to edge. Both halves run to the edge of the viewport, with padding inside the copy panel rather than margin outside it.

On phones it stacks copy first, whichever way flip is set — so the reader gets the sentence before the picture. The panel’s padding drops to a fixed 44 px.

Tip

Two split features back to back, with flip on the second, makes a readable zig-zag and is one of the easiest ways to build an about page. Three in a row stops being a rhythm and starts being a list — break the third with a Statement or a Detail callout.