Skip to main content
Gelium UI
Blog View source 0.6.5 Theme Gallery
Recipe

Native behavior · Default for behavior · Gelium defaults · Native baseline

Appearance
Menu

Pricing / plan comparison

Persuade · detail. A pricing page should make plan differences scannable, state the billing basis, and offer one next step without turning every cell into a sales pitch.

See Gelium remake

Open original (Linear, verified 30 Aug 2026; HTTP 200)

Section references

Original (cited)

Live URL: linear.app/pricing

The Linear pricing page presents four plans, a feature comparison, customer proof, and a closing availability section. The plan controls and sales path repeat in the source for responsive placements; this block map records the information architecture without importing Linear's logo, artwork, or CSS.

skip link + product navigation (chrome, out of scope)
H1  Pricing
plans in order  Free · Basic · Business · Enterprise
plan price / billing basis + included feature bullets
plan-level get-started or contact-sales links
customer proof and customer-stories link
feature comparison table across the four plans
closing availability statement + get-started / sales / app links

The core pricing job is comparison first: people can see the plan ladder and feature boundaries before choosing whether they need self-serve or a sales conversation.

Gelium remake

This is how that pricing structure lands in Gelium: a native, narrow-safe data table handles cross-plan comparison, while one primary link provides the declared next move. Prices and feature claims below are illustrative Gelium copy, not Linear's commercial terms.

Plans

Choose the amount of coordination you need

Compare the work, controls, and support that each plan makes available.

Free

$0 / month · A small team trying the workflow.

  • Core workspace
  • Limited collaboration

Basic

$12 / member / month · Shared delivery.

  • Unlimited projects
  • Team reporting

Business

$24 / member / month · Cross-team coordination.

  • Roles and approvals
  • Usage planning

Enterprise

Custom · Governed organizations.

  • Advanced controls
  • Priority support
Plan comparison
PlanPriceBest forIncludes
Free$0 / monthTrying the workflowCore workspace and limited collaboration
Team$12 / member / monthShared deliveryUnlimited projects, roles, and team reporting
ScaleCustomGoverned organizationsAdvanced controls, support, and usage planning

Compare your starting point

The table remains a real <table> with a caption and scoped headers. On narrow screens its wrapper provides internal scrolling rather than masking content or shrinking the comparison into unreadable cards.

Keep / adapt

Kept Gelium primitive Rejected Why
Plan ladder before detail native ui-data-table Marketing tiles with hidden differences Comparison needs aligned columns and headers
Billing basis beside plan name table caption, headers, and cells Invented “from” prices or feature claims Commercial facts need an owner and source
One clear next step ui-button ui-button-primary link CTA in every feature cell Repetition competes with the comparison job
Responsive comparison ui-data-table-scroll with min-width: 0 overflow-x: hidden or clipped columns Users must be able to reach every value
Sales boundary for complex needs plain explanatory copy Fake checkout or account workflow A reference page must not imply unavailable commerce behavior

Ask before copying

  • Who owns plan names, prices, limits, entitlements, and the date on which each claim was last verified?
  • Which features need a contract, security review, or sales handoff instead of self-serve activation?
  • Is comparison best served by a table for this audience, or would a smaller plan set be clearer as semantic cards?