SCREENS / GROUP

Pricing & billing

Five billing screens from the same five fictional products — seller plans, a membership comparison, a network plan, invoice records, and an upgrade review. Each keeps its product's own shell, and every total is derived from the same fixture with a way back.

Screens: 5
Live previews: 5
Frame sizes: 3
Group: 14 / 15

01 / pricing-001

Seller plans

Lumen Supply, a homeware shop: three seller plans on a monthly or yearly cycle, a reversible free-plan preview, a trust band, and plan questions.

Open

src/app/(screens)/pricing-001/page.tsxdesktop default

02 / pricing-002

Membership comparison

Marlow Review, a weekly magazine: a grouped comparison matrix of membership tiers with a differences-only view and a yearly commitment.

Open

src/app/(screens)/pricing-002/page.tsxdesktop default

03 / pricing-003

Network plan

Meridian Freight, a delivery network: a plan card with capacity meters for driver seats, shipments and route history, beside payment details and a reversible renewal review.

Open

src/app/(screens)/pricing-003/page.tsxdesktop default

04 / pricing-004

Invoice records

Gatehouse, a security console: an invoice records table with a status filter beside an inspector, credits and totals reconciled from the same fixture.

Open

src/app/(screens)/pricing-004/page.tsxdesktop default

05 / pricing-005

Campus upgrade

Orchard Academy, a school: a Classroom-to-Campus upgrade review with seat and cycle controls, a live summary, consent validation, and local undo.

Open

src/app/(screens)/pricing-005/page.tsxdesktop default