Compare cover panels

A two-option comparison placed inside one photographic cover. The recommended option occupies a large plate near the upper left, while a shorter alternative sits lower and to the right. A deliberate channel between them keeps the photograph present as part of the composition.

The two choices do not meet at a shared edge. The recommended panel is visibly larger and carries the section heading, fuller set of differences and first action. The secondary panel is narrower, lower and concise. The open photograph between and around the plates makes them feel placed within one scene rather than arranged as an ordinary card row.

1. Replace the option names and three differences with the choice your visitor is making.
2. Update both button labels and destinations.
3. Replace the example photograph while keeping a crop with enough open space around the plates.

• The typeface. No font family is stated.
• Your colours. Both opaque panels use base; their text uses contrast and labels can take the theme's label role.
• Your buttons. Both actions inherit the theme's button treatment.

• The unequal 58/34 panel widths and the open channel between them.
• The offset position of the shorter panel within the photograph.
• The type scale. Headings use the theme's x-large and large ladder rungs; body copy uses the medium rung with a readable fallback and 1.6 line height.

Every word sits on an opaque base plate with contrast text, checked at 4.5:1. The photograph has no veil because none of the copy sits directly on it. Both buttons inherit the host theme's button treatment.

The example photograph comes from the WordPress Photo Directory. Its public URL keeps it visible after pasting. Select the cover and choose Replace to use your own Media Library file. See image credits for the source and licence. Pasting the pattern does not import the example into the Media Library.

The columns stack in reading order. The recommended option remains first, followed by the shorter alternative, with the photograph visible around both plates. Each action stays with the option it belongs to.