Preview image. Unlock full-res
Light, minimal pricing section with a row label on the left and two flat-fee plan cards on a soft gray grid.
Summary
A clean, light pricing block titled "Transparent pricing" that pairs a left-hand category label with two side-by-side plan cards. The defining move is the leftmost column acting as a section label rather than a third price, so the layout reads as one product row across a faint grid.
Visual description
A near-white background carries a faint vertical grid that frames the content. A centered oversized black headline "Transparent pricing" sits above one line of muted gray sub-copy. Below, the row splits into three columns: the left column is a text label ("Accounting" with a short gray description), the middle is a white elevated card for the "Startup" plan, and the right is a flatter gray card for the "Growth" plan. Each card shows plan name, audience line, a large dollar price with "/ month", a divider, a checklist of included items with small blue checkmarks, and a full-width button at the bottom (a filled blue "Start free trial" and a white outlined "Upgrade in-app"). The middle card is visually promoted through elevation and a white fill against the gray.
Key takeaway
Using the first grid column as a category label instead of a price card, which turns a pricing table into a scannable feature row. The elevation-and-fill contrast that singles out the recommended plan without a loud badge. The disciplined blue-only accent on checkmarks and the primary CTA.
Reuse notes
Good for a SaaS product with stacked or modular pricing where plans belong to a named category. Works best on a light, restrained brand and needs the faint grid to hold the columns together. The label column leaves whitespace, so it suits products that will list several such rows down the page.
