Wabi Sabi Section

A centered heading tops the section, then this opening paragraph sits above the tall main image in the left column, with a smaller floating image overlapping its corner.

Stack of green matcha bars on a dark surface BC Brandmark Logo
Hand stirring a green matcha in a glass with a spoon against a brown background

The right column holds a secondary image above these two paragraphs and the button. It runs beside the main column on desktop and drops below it on mobile, while the floating image overlaps the main image corner.

You set the width and height of the main and secondary images, plus the size, offset, and rotation of the floating image, to build the asymmetric overlapping arrangement shown here.

Get Access

This second copy hides the heading and runs full width across the page edge to edge.

Close-up of a red lipstick on a light gray background
Close-up of a tube of glittery cream on a white background

Either image slot can hold a video instead of a photo, so the main or secondary frame plays a short clip while the other stays a still image.

On phones you pick which image shows, the main one or the secondary, and the floating piece can be hidden so the stack stays clean.

Get Access