# Visual comparison pillars

> Three visual comparison pillars side by side: each column carries a 16:9 media frame, capability highlight, feature checklist, and conversion button, with the centre recommendation elevated with a bold border. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/compare-visual-pillars.html
Section: Compare
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: button, buttons, column, columns, group, heading, image, list, list-item, paragraph
Keywords: pillars, visual, compare, cards, images, options, features

## Variations (2)

### Paper (the default)

Identical markup in every theme.

The three comparison pillars on your base ground with your contrast text.

### Night pillars

Identical markup in every theme.

The band inverts to your contrast ground with base text.


---

## The signature moment: visual media frames over feature pillars

**Photographic header frames atop comparative pillars.** Each column anchors its checklist and CTA with an aspect-cropped 16:9 frame.

## What happens at 390px

Columns stack into a clean sequence with media frames leading each option.

## What it inherits from your theme

- **The typeface.** No font family is stated anywhere.
- **Your colours.** `base` for ground, `contrast` for text and borders.
- **Your buttons.** Inherits theme button styling.

## Included images

The copied markup includes WordPress Photo Directory example photographs. The public image URLs
keep the examples visible after pasting. Select an image or cover and choose
**Replace** to use your own Media Library files. See [image credits](/image-credits/)
for the sources and licenses. Pasting an image URL does not import a Media Library
attachment.