Pricing Tables

The pricing table component allows users to get an overview of what pricing plans are offered and how they differ, on a product or service.

BasicIdeal for individual developers.

$15/month

  • Fully featured headless CMS, now including GraphQL
  • Language and framework agnostic

TeamIdeal for a small team.

$25/month

  • Decoupled microservices architecture evolves with your project
  • Expanded authoring roles and locales to support basic publishing workflows
  • Easy payment via credit card

PremiumIdeal for organizations.

$85/month

  • Open platform with SDKs, App Framework and design system
  • Access technical support via email or in-app messaging
  • Optimize your governance model with enough users, roles & permissions, and locales for the largest global organizations
  • Access to our Customer Success Managers, Solution Architects and Professional Services offerings

Variations

Basic

BasicIdeal for individual developers.

$15/month

copydone

TeamIdeal for a small team.

$25/month

copydone

PremiumIdeal for organizations.

$85/month

copydone

Detailed

BasicIdeal for individual developers.

$15/month

  • Fully featured headless CMS, now including GraphQL
  • Language and framework agnostic
copydone

TeamIdeal for a small team.

$25/month

  • Decoupled microservices architecture evolves with your project
  • Expanded authoring roles and locales to support basic publishing workflows
  • Easy payment via credit card
copydone

PremiumIdeal for organizations.

$85/month

  • Open platform with SDKs, App Framework and design system
  • Access technical support via email or in-app messaging
  • Optimize your governance model with enough users, roles & permissions, and locales for the largest global organizations
  • Access to our Customer Success Managers, Solution Architects and Professional Services offerings
copydone

Gems

emerald

Emerald

  • 1 public project
  • public working space
  • unlimited pages
  • 5 revisions
copydone
ruby

Ruby

  • 4 public project
  • private working space
  • unlimited pages
  • 10 revisions
copydone
diamond

Diamond

  • unlimited projects
  • private working space
  • unlimited pages
  • unlimited revisions
copydone

Usage

Use the pricing table component:

  • When there are more than one versions of a product to choose among.
  • When you want to allow users to have an overview of how products differ both in terms of features and price.

Don’t use pricing tables when the user can possibly buy more than one product at a time.

Specs

A pricing table consists of the following elements:

  • Table header: it can contain the price plan name in 1.25rem(20px) font size and a plan description with 0.875rem (14px) font size, the price with 3.65rem (60px) font size, and an action button.
  • Table body: Contains a list of the pricing plan features in 1rem (16px) font size.
  • Table footer (optional): contains a link to the detailed view of the pricing plan (0.875rem -14px font size).

Accessibility notes

No accessibility roles are required.

Check out the latest release!