Pricing Section 01

About Pricing Section 01

Pricing Section01 is a Framer pricing section for studios that sell retainers, not one-off packages. It lays out three offer cards, a yearly/monthly billing switch, and a featured plan with a circular notch badge. Surfaces follow a paper or glass theme so the block can sit on light or dark pages without a restyle. Plan names, prices, features, CTAs, and fonts are editable from the property panel. Yearly billing shows a / Year label; monthly shows / Month. Prices crossfade when billing changes. Built so offer pages stay readable for people and indexable for search.

Three plan cards with independent copy, prices and CTAs

Yearly and monthly billing toggle with a smooth price transition

Featured plan with a circular notch badge and cut-out corner

Theme-aware paper, glass and custom color surfaces

Absolute light/dark toggle that does not push the heading down

Native Framer font pickers for heading italic, heading rest, price, period, features and CTA

Card width, height and radius controls

Responsive grid that stacks on small screens

Schema.org OfferCatalog plus per-plan Offer markup for clearer indexing Accessible buttons, radiogroup billing control and labelled plan articles Static-renderer safe transitions for Framer canvas and export

Use Cases

Brand and product design studio retainers

Freelance and boutique agency offer pages

SaaS and productized-service pricing

Creative director and art-direction retainers

Web and commerce build packages

Content and campaign retainers

Consulting and design-ops desks

Startup launch and foundation systems

Marketplace and template product listings

Landing pages that need a clear commercial block

Keywords

framer pricing section, pricing cards framer, yearly monthly toggle, retainer pricing, offer catalog, featured plan badge, circular notch card, paper glass theme, theme toggle pricing, plan comparison cards, pricing table framer, studio retainer page, design agency pricing