Preview image. Unlock full-res
Dark three-column pricing table with per-feature price toggles inside each plan and a highlighted middle tier.
Summary
A dark, three-tier pricing table (Starter, Pro, Enterprise) where each plan lists the same product modules but lets you toggle paid add-ons on or off inside the card. The defining detail is per-line price toggles that turn a static pricing table into a configurable one.
Visual description
Centered above the table sit a small grey "PRICING" eyebrow, a large white two-line headline "Rates that scale based on your success," and two lines of muted sub-copy. The plans share one large bordered container divided into three columns by hairlines. Each column has a plan name, one line of description, a large price (Free, $720/month, Custom), a MAU figure with an info icon, and a list of five colored feature icons (Presence, Comments, Notifications, Text Editor, Sync Datastore). In the Pro column each paid feature shows a price like $360/mo with a small toggle switch; Enterprise marks them "Custom." A "Most popular" pill tags Pro. Each column has its own button (Start today for free, white "Sign up", Contact us) and a short checklist of included infrastructure below. A full-width footer strip inside the container reads "Pre-negotiated discounts are available to early-stage startups and nonprofits" with an "Apply now" button. A "Fair Use Policy" note sits below the card.
Key takeaway
Inline per-feature toggles with their own prices, so the table communicates usage-based, modular pricing instead of fixed bundles. Info icons on every metric let a dense plan stay scannable while keeping detail one hover away. The discount banner docked inside the same bordered container catches startups and nonprofits without adding a separate section.
Reuse notes
Best for a usage-based or modular developer/SaaS product where add-ons are priced independently. The toggle pattern implies an interactive estimate; pair with a calculator if the toggles are meant to be live. Dense, so it needs the dark hairline grid and tooltips to stay readable; not suited to a simple flat-rate product.
