Two category panels list a la carte extras as divided rows, each pairing a name and one line description with a plainly stated price.
Pricing sections
Show plans, limits, billing periods, and the best choice without making buyers work for it.
See the direction before you build
Every result opens into responsive light and dark previews, editable source, implementation details, and related designs.
Three stacked budget bands pair a price range and engagement with a good fit list and a keep in mind list, the middle band flagged.
An hourly rate stated plainly with included and excluded item columns, a four-hour minimum, and a ruled list of three scenarios where hourly billing makes more sense than a fixed scope.
A three-package comparison table with Check and Minus feature rows, prices, and per-package CTAs in a scrollable layout.
Three numbered payment stages with percentage splits sit beside a worked example panel that breaks a project fee into three payments with terms.
Three package cards with price-from amounts, durations, and included item lists, with a recommended tier highlighted and an honest scoping note below the grid.
Two tier cards with from prices and included lists beside three plainly answered pricing questions that remove common objections.
Six common project types as ruled table rows showing price bands and timelines, with scope assumptions per row and an honest note that all figures are starting points.
A prominent day rate panel with a breakdown of half-day and retainer rates beside three plain-answer billing FAQ pairs.
Three monthly retainer cards with hour counts, prices, and cover items, plus a ruled panel explaining minimum terms, hour rollover policy, and when to switch off a retainer.
A minimal pricing block with three from-price rows and a qualifying note beside a heading and a single contact CTA.
One clearly presented package with a from price, a bulleted included list, a not-included list, and a call to action button.
What makes it distinctive
These directions make price, billing cadence, limits, and the recommended choice understandable without hiding important tradeoffs.
Where it works
Public pricing pages, plan selection, upgrade moments, sales-assisted offers, and usage-based apps.
Direction for your coding agent
Keep price, cadence, limits, and plan differences readable at the same time. Treat every price and entitlement as server-owned data.











