Preview image. Unlock full-res
Light three-column pricing block with an oversized heading and a left sidebar that navigates between priced products.
Summary
A three-tier pricing layout anchored by a huge "Pricing made simple" headline, with a categorized product sidebar on the left that switches which product's plans are shown.
Visual description
White page. A small "PRICING" pill label sits above an oversized black headline. Below a full-width hairline, the left column is a grey-labeled navigation list grouped into In-app Services, DevRev Apps (Support highlighted in a pill), Platform Services, and Program, each row carrying a small product icon. The right three-quarters holds three pricing cards: Starter ($19.99 per user/month), Pro ($59.99, tinted lavender with a "POPULAR" tag), and Ultimate ("Let's talk"). Each card has a one-line audience description, a short checklist of features with check icons, a small "TRIAL PRO FREE FOR 45 DAYS" note, and a black full-width CTA button (Get started free / Get a demo).
Key takeaway
The product sidebar turning a single pricing section into a switchable catalog, so multiple products share one page without separate tables. The single lavender-tinted card plus a small POPULAR tag steers the eye to the recommended tier without heavy borders.
Reuse notes
Strong for a multi-product SaaS or support platform where each product is priced per seat and users need to compare tiers within a chosen product. Needs enough products to justify the sidebar; with one product it collapses to a plain three-column table. The contact-only top tier pairs naturally with a demo CTA.
