Preview image. Unlock full-res
A dark-mode four-column pricing table with one raised highlighted plan, per-column billing toggles, and checkmark feature lists.
Summary
A dark four-tier pricing table whose recommended Business plan lifts above the row as a single elevated card, with billing toggles and violet checkmark feature lists per column.
Visual description
Centered at the top, a large white "Pricing" heading sits over a two-line muted subtitle. Below, four columns (Free, Basic, Business, Enterprise) span the width. Each header shows the plan name and price line ($0, US$8 per user/month, US$14 per user/month, Custom pricing). A billing row follows: Free shows "Free for everyone," Basic and Business each carry a violet "Billed yearly" toggle, and Enterprise shows "Annual billing only." Each column then lists features as violet circular checkmarks with white labels, several terms subtly underlined. The Business column is rendered as a slightly darker, raised card extending above and below the others, ending in a light-filled "Get started" button plus an "or contact sales" link, while the other three end in dark "Get started" or "Request trial" buttons.
Key takeaway
Promoting the recommended tier by literally raising it as a taller, distinct card rather than just adding a badge, an unmistakable visual nudge. Per-column billing toggles let each plan show its own annual option in place without a global switch. Violet checkmarks give the otherwise monochrome dark table a single consistent accent.
Reuse notes
A clean default for a four-plan SaaS with a clear "most popular" middle tier. The raised-card treatment needs the highlighted column to be inward (not an edge) to frame well. Works only on dark; the violet accent and underlined feature links carry all the color. Pairs with a centered heading and concise checkmark lists.
