Quotable

Quotable
Quotable
Quotable
Quotable

About Quotable

Quotable is a calm, premium Framer template for consultants, coaches, fractional specialists and productised service freelancers. Its signature is a live scope and quote calculator: visitors pick a package, tick add-ons, set a length and a rush option, watch the price and timeline update, then copy a clean quote summary or send it straight into your contact form.

What you get

- 8 pages: Home, Services (3 packages), Scope and quote, Case notes, Process, About, Contact and 404, plus the case note detail template

- The calculator: package picker, 3 to 8 week and 3 to 12 month length slider, five add-ons, rush toggle, min and max limits, empty state, copy to clipboard, and Send this quote, which fills your contact message

- Currency symbol and price scale as component controls; calculator prices sit in one code file (Services page prices are plain text)

- Fully keyboard and touch friendly: native radios, checkboxes and a range slider, 44 px touch targets, visible focus rings

- Case notes CMS with 8 detailed items: title, client, sector, package, duration, result, cover and rich body

- Warm off-white and deep green, DM Sans, soft rounded cards, built for 1440, 1024, 810 and 390

- SEO titles and descriptions on every page, favicon, social image, 404 and a native Framer contact form

Good to know

- Wren Halloway is fictional. So are the clients, case notes, numbers and the illustrated portrait. There are no photos.

- Prices are placeholders. The calculator runs in the browser only, stores nothing on a server and takes no payments.

- Forms go to your Framer inbox. The quote arrives as text inside the message.

- The hand off uses a short code in the URL and the browser session storage.

- Partner links (Cal.com, Fillout, Framer) are labelled, open in a new tab and carry rel sponsored. Replace them with your own or remove them.

- A custom domain needs a paid Framer site plan.

From NS. Studio

Tearsheet
Fair Copy
Handoff UX
Margin Notes Lite

Related Templates

Newcomer
Ambience
Noah Berg
Moventra