Missive light three-tier pricing with serif headline and yearly toggle

Light three-column pricing with a serif headline, a billed-yearly toggle, and a raised middle plan among check-led feature lists.

Stylelight-mode, minimal, boxed

Colorlight, cool, muted

Typeserif, sans-serif, oversized

Moodprofessional, trustworthy, calm

Industrycustomer-support, productivity, saas

Elementspricing-card, toggle, button-primary, badge, icon

Tagscentered-headline, serif-headline, billing-toggle, three-tier, highlighted-middle-plan, per-user-pricing, checklist, inline-tier-chips

Palette

#FFFFFF

#1A1A1A

#2F6BFF

#F7E6B8

Find similar

Summary

A light three-tier pricing table with a serif headline and a billed-yearly toggle, where the middle Productive plan is lifted in a bordered card and a single shared CTA sits below.

Visual description

Centered serif headline (Pay-for-what-you-use pricing) in near-black over a muted one-line subhead about a 30-day risk-free trial. A pill toggle (blue, on) reads "Billed yearly" with a yellow "20% off" tag. Three columns follow inside a soft outer container: Starter ($14 per user/month), Productive ($24), and Business ($36), each with a name, bold price, "Billed yearly" note, a bold audience line, and a check-led feature list of four to five items. The middle Productive card is raised into its own white bordered card to mark it as recommended; the Productive and Business lists open with "Everything in [tier] plus", where the prior tier name appears as a small inline chip. A single blue "Try for free" button is centered beneath all three columns.

Key takeaway

Raising only the middle plan into a bordered card to flag the recommended tier without color, and using small inline tier chips inside "Everything in X plus" lines to show plan inheritance at a glance. Consolidating to one shared CTA under the whole table rather than per-column buttons, which keeps the light layout uncluttered.

Reuse notes

A clean per-seat pricing table for a productivity or support SaaS that wants a calm, editorial feel via the serif headline. The single bottom CTA works when all tiers funnel to the same trial; split per-column buttons if tiers need different actions. Keep lists to four or five parallel items so the three columns stay balanced.