Dark Featured Tier
Three pricing tiers where the featured middle plan sits on a solid primary panel.
Three pricing tiers where the featured middle plan sits on a solid primary panel.
The Marketing Pro Collection unlocks the source for every Marketing Pro block. All Access unlocks every Collection.
Already purchased? Log in
Dark Featured Tier shows three plan cards in a single row: Launch on the left, Professional in the center, and Enterprise on the right. The two flanking cards sit on a bordered surface. The center card fills with a solid primary background, making the recommended tier unmistakable without any badge or label. Each card carries a plan name, a short description, a large monthly price, a call to action button, and a checkmark list of included features.
The heading and subheading above the grid are independent of the cards, so you can reword both without touching the plan data. Each plan's name, price, description, feature list, and button label live in a plain array, so you can adjust any tier or add a fourth card by extending that list. The featured flag on any one plan controls which card receives the filled treatment.
Reach for this block when you need a pricing section that steers visitors toward one specific tier without relying on badges or decorative rings. It works well on a real estate marketplace landing page where a mid-tier "Professional" plan covers the majority of agents, and the flanking free and enterprise options exist to capture the edges. Compared to a two-tier layout, the three-column grid gives enterprise buyers a clear upgrade path while preserving a free entry point for new agents exploring the platform.
A natural flow around it on a Marketing Pro page:
Before
After
All three tiers are driven by a single data array, so most edits stay in one place. A few common directions:
Tip: keep the featured card's feature list slightly longer than the flanking cards so the visual weight of the filled panel is matched by more perceived value in the copy.