Preview image. Unlock full-res
Dark three-tier pricing table with halftone tier images color-coded per plan, a billing toggle, and a separate enterprise row.
Summary
A dark three-tier pricing table where each plan carries a halftone image tinted to its own accent color (grey, cyan, yellow), with a monthly/annual toggle and a separate full-width enterprise block below. The color-coded tier visuals make the table feel like a product rather than a spreadsheet.
Visual description
A left-aligned "Our Pricing" heading with a subline sits opposite a "Monthly / Annually (Save 20%)" toggle. Three columns follow: Hobby (white, Free), Developers (cyan, $99/mo), and Startups (yellow, $499/mo), each with a name, price, one-line description, a full-width CTA button colored to the tier, and a halftone photo of people at computers tinted to match. Under each image, a "Monthly" label introduces a short checklist of limits (browser hours, proxy bandwidth, captcha solves) with check icons. A separate "Enterprise" block spans the full width at the bottom with a "Talk to the founders" button and a two-column feature checklist. Background is near-black throughout.
Key takeaway
Tinting each tier's halftone image to the plan's accent color turns a standard three-column table into something branded and memorable. Pulling enterprise out into its own full-width row below keeps the three consumer tiers clean while still surfacing the sales-led option. Per-tier check icons in the accent color reinforce the color system down to the detail.
Reuse notes
Good for usage-metered developer products where each tier has distinct quotas to list. The tinted-image device needs a consistent photo treatment across tiers or it looks mismatched. The separate enterprise row is a reliable pattern whenever a fourth "contact us" tier would otherwise crowd the grid.
