Concept build · sample content · designed & coded by Cockroach Studio← All workHire me
Design study · AI code editor

The AI code editor.

Editor-black with a single decisive blue.

Techno
Aesthetic
Estimate
Interaction
Next.js
Built with
Why choose us

What makes Cursor different

The palette

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

The type & feel

Developer-dark, code-forward, monospaced body.

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
Developer-dark, code-forward, monospaced body.
Design note, In the visual language of Cursor
About this build

Cursor 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 Cursor's public visual language, built to demonstrate range. Not affiliated with, sponsored by, or endorsed by Cursor.

Quote calculatorNext.jsTypeScriptTailwind CSS