Wastetide turns waste reports into data that saves money.
Collections · Pricing sections
20 best pricing sections that make the plan easy to pick.
Pricing sections from real websites: matched plan cards, honest single prices and sliders that make picking a plan feel easy.
Updated
← All collectionsWeekly Picks
A pricing section has one job: help a visitor pick a plan without a second look. The 20 below do it with two or three matched cards, a single honest price, or a slider that sets the cost as you go.
Each section plays as a short recording from the live site, so you see how the cards sit and the toggles move. Open any pick to reach the full website, with full-page captures and the fonts and colours read from its code.
01 of 20
Kelvin is a three-night music festival filmed through thermal cameras in a former power station in Rotterdam. Its passes are named after colour temperatures, from candle light to daylight, and each card's gradient header warms or cools to match.
Custom-built · Kalnia and Hubot Sans
02 of 20
Pip is a calm to-do list and notes app for Mac, Windows, iPhone and the browser. Its pricing says free on one device, pro for everywhere else, then sets a light Free card beside a dark Pro card above a short comparison table.
03 of 20
E2B gives every AI agent its own isolated cloud machine. Its dark pricing reads free to start, billed by the second, and three equal cards keep each price large and each feature list short.
Custom-built · PP Supply Sans and Inter
04 of 20
Swash makes motion graphics in the browser. Its section opens with free to start, the last word in italic, and a green outline marks the paid plan without any extra label.
05 of 20
Nokken builds retreat cabins for hotels and landowners. Its pricing is one starting price in a calm serif, split evenly with a dark cabin interior so the number and the place read together.
Built with Squarespace · Nokken and Acumin Pro
06 of 20
Regina Musi designs landing pages, websites and online stores. The prices sit on outlined tiles over a green hillside, each with a service name and a starting price, so comparing costs takes a glance.
07 of 20
Parallel builds web search and extraction for AI. Its pricing pairs a short line, pay for answers, not tokens, with a price slider on a textured orange panel, so you see the cost change as you move it.
08 of 20
Componine is a studio for websites, products and branding. Its dark section opens with good design shouldn't cost a kidney, and two framed cards compare a monthly team with a one-off project.
09 of 20
Doko is a Valencia studio for branding, websites, apps and software, with public prices. Its project cards share one layout of price, description and checklist, and a toggle switches between subscriptions and projects.
10 of 20
Square Kiosk is a self-service ordering screen with payments built in. Its pricing places the device on the left and an itemised list on the right, with hardware, software and processing fees each on its own line.
11 of 20
Twin builds AI agents that run jobs on autopilot. Under the line one plan, your usage, a white calculator lets you tick the jobs your agent will do and estimates the plan for you.
12 of 20
Twohands builds websites for B2B startups. Its pricing is a single dark card for a fixed-scope sprint, with the price, the features and a product mockup side by side.
13 of 20
Linearity turns one prompt into a set of on-brand campaign assets. Five dark plan cards sit in an even row over a glowing orange corner, and a yearly toggle shows the old price struck through.
Custom-built · Acid Grotesk and Inter
14 of 20
Guise presents prototypes and screenshots in realistic Mac windows. A dark free card sits beside a bright paid card with a launch offer badge, under the line buy it once, every update after is free.
Custom-built · Scoutie Sans and Inter
15 of 20
PostGeneric designs digital products for startups. Its section reads two ways to work with us, and a deep purple fixed-price card faces a pale monthly retainer card, so the choice is either one or the other.
16 of 20
Pancake gives sales agents the data and tools to run go-to-market work. Its pricing is one big starting price beside a short checklist, swept by a rainbow band that runs into the footer.
17 of 20
Hyperiux Vault is a library of web effects you copy into your own code. A white Free card meets a black Pro card under start free, upgrade when you're ready, with the last word in orange.
18 of 20
Base Power brings home batteries and fixed energy rates to Texas. Its plans lead with three family photos, for energy, backup or both, so the choice reads before any number.
19 of 20
LocalCan puts localhost on a public address for developers. Four plan columns share the same alignment, so features compare row by row, and a small badge marks Pro as the most popular.
Custom-built · Cascadia Mono and Inter
20 of 20
Navia offers marketing plans for small businesses. Its headline is lock in your price, forever, and the middle plan is inverted to dark with a bright lock-in label, so the recommended choice is clear.
Built with Webflow · Lora and Publicsans
What these have in common.
A headline that sells the deal
The best open with a promise, not the word pricing. Pipdot writes free on one device, pro for everywhere else, E2B writes free to start, billed by the second, and Navia promises to lock in your price, forever.
Contrast marks the plan to pick
Instead of a badge, many flip one card's colours. Pipdot and Hyperiux Vault set a dark Pro card beside a light Free one, Navia inverts its middle plan, and PostGeneric turns its two offers into a dark and light pair.
Let people work out the price
Usage-based products hand the visitor a control. Parallel puts a price slider on a textured orange panel, and Twin lets you tick the jobs your agent will do and sizes the plan for you.
Fixed prices for services
Studios publish their rates too. Doko shows fixed project prices for branding, websites and software, Twohands sells one sprint from a single price, and Regina Musi sets starting prices on tiles over a green landscape.
More pricing sections.
Arqé is a library of motion templates and device mockups.
Maple lets Canadians see a doctor online.
Thin border dividers and consistent column widths split mixed data (toggle, GPU pricing, cluster config, breakdown) into clear zones that scan easily.
Equal cards with large monthly prices and a dark enterprise card make plans easy to compare and the contact option stand out.
Three equal-width cards under a centered header make the tiers easy to compare, and the borderless soft gray surface on a white canvas keeps a dense page calm.
The middle Pro card is filled solid blue while its neighbours stay light, so the eye lands on the recommended plan immediately.
How these were chosen
An editor chooses every website in the library, and each one is reviewed for typography, layout, colour, motion, content and originality.
The best-reviewed pricing sections lead the list; the rest of the collection follows.
Browse all
More collections
- Dark websites
- Fintech websites
- Testimonial sections
- Website footers
- Founder sections
- Blog sections
- Process sections
- FAQ sections
- Comparison sections
- AI hero sections
- Framer websites
- Webflow websites
- Agency websites
- Portfolio websites
- SaaS websites
- E-commerce websites
- Waitlist pages
- Editorial websites
- Brutalist websites
- Playful websites
Questions designers ask
Which are the best pricing sections in 2026?
Our current top three are Kelvin, Pipdot and AI Agent Cloud. Every website here is reviewed for typography, layout, colour, motion, content and originality, and the best-reviewed lead the list.
What should a pricing section include?
A short headline, two to four plans with one clear price each, a few features per plan and one button per card. Many add a monthly and yearly toggle, as LocalCan and Linearity do.
How many plans should a pricing section show?
Two or three is the common answer: a free or starter plan and a paid one, sometimes with a custom card for larger teams. Linearity shows five, but keeps every card the same shape so they still compare row by row.
How do you highlight the recommended plan?
Give it a different fill rather than a bigger card. Navia inverts its middle plan to dark, Swash outlines the paid plan in green, and Guise adds a launch offer badge to its bright paid card.
Get Weekly Picks.
A focused selection of websites and sections, delivered by email.
Weekly Picks