Budget Guide
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.
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.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Budget Guide stacks three budget bands, Under $5,000 (a focused sprint), $5,000 to $20,000 (a full project, flagged as where most projects land), and $20,000 and up (an extended engagement). Each band pairs its range and engagement type with a short summary, a good fit list marked by check icons, and a keep in mind list marked by minus icons, so a visitor can self-select before making contact. A closing line points smaller budgets toward recommended earlier career designers, beside a single call to action.
The three bands are one typed array, with an optional mostCommon flag driving the badge on the middle band. The 12-column grid keeps the range, good fit, and keep in mind columns proportional on wide screens and stacks them on small ones.
Reach for this block on a pricing or services page when your work spans a wide range of budgets and you want visitors to place themselves honestly before a call. The installer swaps the ranges, engagement labels, and both lists to reflect their own project data.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the design studio budget guide. Other band shapes:
Tip: the keep in mind list is the trust builder, naming what a band does not cover matters more to a serious prospect than the range itself.