Editorial Wedding Photographer Pricing Section for Divi 5: Three-Tier Packages

Pricing Portfolio Minimal

Minimal editorial pricing layout for wedding photographers. Three tiered packages (Elopement, Wedding Day, Weekend) with feature lists and enquiry CTAs, built for Divi 5.

Rate this element

Be the first to rate

Download this section, free

Divi 5 JSON, imports in seconds
Commercial license included
No account needed

Click to view the full page

Overview

The layout opens with a centered header block on a warm parchment ground (#faf7f2): a 13px all-caps overline in Source Sans 3 spells out "Collections," followed by a Playfair Display h2 constrained to 720px with text-wrap: balance for clean hyphenation-free breaks at any viewport. A secondary text module capped at 640px carries a single line of supporting copy at 18px/1.6em — enough breathing room to read without crowding the cards below. Vertical padding steps down from 120px on desktop to 80px on tablet and 56px on phone, so the section never feels cramped on small screens.

The three pricing columns sit in a 1_3 1_3 1_3 row configured with align-items: stretch and a 24px column gap, so cards always reach the same height regardless of how much copy each tier carries. The outer two columns (Elopement and Weekend) use a white card with a 1px #e3dccf warm-sand border and 32px internal padding. The center column (Wedding Day) breaks the pattern deliberately: its background is a deep terracotta (#9a3b1f), all type flips to white, and the divider line becomes rgba(255,255,255,0.4) — making the recommended tier unmissable without resorting to a floating badge or drop-shadow gimmick.

Inside each card, a price group aligns the Playfair Display numeral (44px/700-weight) baseline-to-baseline with a smaller duration qualifier in Source Sans 3, creating a typographic anchor point that the eye lands on immediately. Below a 1px top-border divider, feature rows pair a 15px Font Awesome checkmark with a 16px body text module — each row is its own flex group, so adding or removing a line item is a one-module operation with no risk of breaking the grid. Every card closes with an "Enquire" button; on the two white cards the button is borderless and transparent so it reads as a text link, while the terracotta card gives it a white fill for contrast.

On tablet the row switches to flex-wrap: wrap, letting cards reflow to two-up before stacking. On phone, flex-direction: column forces a clean single-column stack, and all price numerals step down to 36px to stay proportional. The result is a section that works equally as a standalone pricing page block or as the penultimate section of a full portfolio layout, requiring no structural changes to adapt.

What’s inside

Three equal-height `divi/column` cards in a `1_3 1_3 1_3` row with `align-items: stretch` — no fixed min-height needed
Center-column visual emphasis via solid terracotta background (`#9a3b1f`) with a white 'Most popular' pill badge built from a nested `divi/group` + `divi/text`
Baseline-aligned price group using two `divi/text` modules in a flex row: Playfair Display numeral at 44px and a lighter duration qualifier at 15px
Feature lists built from individual `divi/group + divi/icon + divi/text` rows — each item is independently editable and reorderable
Top-border divider on the feature list group using selective border (top-only 1px) inside a `flexGrow` group so content always fills the card vertically
Responsive padding cascade: 120px vertical on desktop, 80px tablet, 56px phone — set directly on the section wrapper
Three `divi/button` modules with distinct treatments: transparent/borderless on white cards, white-fill on the terracotta card — no custom CSS required

Who it’s for

This layout is purpose-built for independent wedding and portrait photographers who charge at the mid-to-high end of the market and need a pricing section that reflects that positioning. It also suits engagement, elopement, or boudoir photographers who offer tiered day-rate packages. The editorial typographic pairing (Playfair Display + Source Sans 3) and restrained warm palette translate well beyond weddings: family portrait studios, couples photographers, and boutique event photographers will find it equally at home. It fits naturally inside a portfolio homepage, a dedicated Pricing page, or a sales funnel landing page.

Customization tips

Start by swapping the two font families in the Divi Theme Builder global presets: Playfair Display can be replaced with any editorial serif (Cormorant Garant, DM Serif Display) without touching individual modules, because all heading modules inherit from it. The terracotta accent (#9a3b1f) is set on the center column background and its button fill — change both to match your brand by selecting the column and updating its background, then selecting the button and updating its fill. Keep the outer card border color (#e3dccf) and section background (#faf7f2) in the same warm-neutral family for palette coherence.

For copy length, the single-line package subtitle works best at 4-8 words; longer taglines will push the price numeral down and misalign the baseline group across cards. Feature list items are comfortably readable at 2-5 words each — anything longer wraps and adds uneven height to individual rows. The overline and h2 accept standard edits directly in the module; the h2 max-width is 720px so titles up to about 45 characters wrap gracefully without layout changes.

How to install this layout

Download the layout JSON file from this page.
Open the target page in the Divi 5 builder.
Open the portability panel (up/down arrows icon) and choose the Import tab.
Upload the JSON. Tick “replace existing content” only for full-page imports.
Check the page at desktop and mobile widths, then swap in your copy and images.

Full walkthrough with troubleshooting: How to Import a Divi 5 Layout.

Questions about Editorial Wedding Photographer Pricing Section for Divi 5: Three-Tier Packages

How does the layout stack on mobile?

The three columns are configured with `flex-direction: column` on phone and `flex-wrap: wrap` on tablet, so they reflow to a clean single-column stack on mobile and a two-up wrap on tablet. No custom CSS is needed for this — it is built into the column sizing settings.

Which modules make up the feature list rows?

Each feature row is a `divi/group` set to `flex-direction: row` containing a `divi/icon` (Font Awesome checkmark) and a `divi/text` module. To add an item, duplicate any existing row group inside the features group. To remove one, delete the row group — the surrounding layout reflows automatically.

How is the 'Most popular' badge on the center card built?

It is a `divi/group` with a white background and 12px border-radius containing a single `divi/text` module styled as 12px uppercase Source Sans 3. It sits inside a flex row alongside the package name heading. To reposition it to a different card, move the group into that column's heading group and update the text color if the background changes.

Can I add a fourth pricing tier without rebuilding the layout?

Yes, but the row is set to `1_3 1_3 1_3`. To add a fourth column you would need to change the column structure to four equal columns in the row settings, then duplicate one of the existing columns into the new slot. The `align-items: stretch` setting will continue to equalize heights automatically.

Does the layout use any images?

No. The section contains no image or background-image modules — only typography, icons, and color backgrounds. This is intentional: the design communicates quality through type hierarchy and palette rather than photography, which also means it loads instantly with no image assets to prepare.

What should I edit first after importing?

Update the three package names (h3 headings), price figures, and duration qualifiers to match your actual collections. Then review each feature list and replace the placeholder items with your real deliverables. Finally, update the button link on each card to point to your contact or booking form.

Which Divi version does this layout need?

Divi 5. The layout is generated natively for Divi 5 and validated against its real module structure before publication, so it imports clean into the current builder.

Can I use this layout on client websites?

Yes. Every download includes a commercial license covering unlimited sites you own or build for clients. Only reselling or redistributing the layout file itself is prohibited.