Concept build · sample content · designed & coded by Cockroach Studio← All workHire me
Design study · Web builder

Design and ship sites.

Crisp blue, motion-first.

Minimal
Aesthetic
Estimate
Interaction
Next.js
Built with
🖼️
Web builder
Why choose us

What makes Framer different

The palette

Framer's signature colours, surfaces and contrast — rebuilt token-for-token.

The type & feel

Black and white with electric motion.

The interaction

A working quote flow, dropped into the theme by config.

Try it live

Estimate your plan

A fully interactive demo — go ahead, click around.

Choose a package

Seats

51 seats

1100
  • Transparent, itemised pricing
  • No hidden charges or lock-ins
  • Free consultation included
Gallery

A look inside

Hero
Features
Pricing
Footer
Black and white with electric motion.
Design note, In the visual language of Framer
About this build

Framer demonstrates an interactive quote calculator — sliders and tiers producing a live, formatted price.

Designed and coded by Cockroach Studio as a concept build. The branding, copy and data are sample content — the interaction is the real thing. Want this for your business? I build the actual product: custom, fast, and yours.

Independent design study — an homage to Framer's public visual language, built to demonstrate range. Not affiliated with, sponsored by, or endorsed by Framer.

Quote calculatorNext.jsTypeScriptTailwind CSS