Productivity App Website Pricing Section Examples
Cal.com
Craft
Todoist
SunsamaThere are 45 pricing sections here, cut from 32 live productivity app websites such as Cal.com, Craft and Todoist. 41% of the productivity sites in the library have a pricing section, higher than the 9% across all websites. 81% of them are light-themed and the most common headline fonts are Tiempos Headline (2), Cal Sans (1) and Untitled Serif Font (1).
At a glance
- Pricing sections
- 45
- Sites
- 32 of 78 productivity sites (41%)
- Library-wide
- 9% of all websites have one
- Per site
- 1.4 on average
- Light / dark
- 81% light · 19% dark
- Top heading fonts
- Tiempos Headline (2), Cal Sans (1) and Untitled Serif Font (1)
- Accent colours
- blue 12neutral 8orange 3
- Leading sites
- Cal.com, Craft and Todoist
What makes a good pricing section on a productivity app website
Pricing tables sell by contrast: a highlighted plan, a short feature list per tier, a monthly/annual toggle and a single CTA per column. Productivity apps show the product working — real screenshots, keyboard shortcuts and integrations front and centre. Compare these examples with pricing sections from every industry, or see the full homepages on the productivity app website templates page.
What these 45 pricing sections have in common
On average each one carries 54.6 images or icons, 6.3 buttons and 8.3 links, plus 1.0 form fields. 21% sit on a dark background, and 65% are taller than half their width — most take a full screen or more.
7 pricing sections worth studying
- Cal.com — “Free forever”: Feature breakdown Compare our Free and Teams plans to see why Cal.com is the better choice. Features Individual Scheduling as an individual. Try for free Teams… (0 buttons, 256 images, background #f4f4f4).
- Craft — “Choose The Plan That’s Right For You”: Start exploring. A complete experience for occasional use. STARTER CA$0 Explore all available features with a content limit. Sign up PLUS Yearly Monthly For your daily… (5 buttons, 4 images, background #fcf9f7).
- Todoist — “Compare plans”: Read the plans FAQ Beginner C $0 Get Started Pro C $7 per user/month $84 billed yearly Start for free Business C $10 plus local tax… (7 buttons, 129 images, background #010044).
- Sunsama — “Pro Plan”: $ 17 per month, billed yearly (USD) One plan for busy professionals. Unlimited usage Unlimited integrations AI + MCP + Zapier $22 per month, billed monthly… (1 buttons, 6 images, background #ffffff).
- Fibery — “Plans & features”: Monthly Yearly Save 20% Free $0 Get started Standard $12 per user/month Get started Pro $20 per user/month Get started Enterprise $40 per user/month Chat with… (4 buttons, 10 images, background #faebd6).
- Personio: Core Everything you need for a foundation of HR excellence. Book a demo Core PRO Limitless features of Core with advanced settings. Book a demo (2 buttons, 0 images).
- Help Scout — “Standard”: $25 per user/mo For growing teams looking to automate more tasks and move beyond email. Try for Free Get core features like... Multiple Inboxes Live chat… (3 buttons, 1 images).
How to use these pricing references
Compare the number of tiers, which plan is highlighted, how annual discounts are shown and what sits directly under the table. For a productivity app, look at how each site shows the real product in use rather than abstract illustrations. Start with Cal.com, Craft and Todoist, click a section to open it at full size and copy its build prompt, palette and fonts.
Related searches
Browse all sections or the full A–Z of popular searches.
Library updated