Developer tool template

Keybind

A dark developer-tool site with a working command bar right in the hero.

From $49 · Framer, AI kit, or both for $69

16 pages · demo brand: Kiln · set in Instrument Sans

Try the live demo
Choose what you get
You pay once$69
Continue to checkout

Excl. VAT, added at checkout where your country requires it. You see the total before you pay.

  • Instant delivery. Polar emails the Framer remix link or the AI kit download right after payment, with your receipt.
  • See it first. Every page of the live demo is open to click through.
  • Secure checkout by Polar. Polar handles the payment and the VAT; we never see your card. Oddhand is a South Studio product, Marseille, France.
  • A question first? Write to us, a designer answers.

Digital files, delivered at once: at checkout you agree to waive the 14-day withdrawal period, so all sales are final.

01What you get

The same design, in the tool you build with

Framer template

$49

For designers who build in Framer.

  • All 16 pages of the live demo, with their layout and type
  • A remix link that copies the project into your Framer workspace
  • Font: Instrument Sans, free licence
  • Included: 6 agent skills and 12 ready prompts
    See the 12 prompts

    Skills your Framer agent follows: design system, rebrand, add content, SEO check, launch check, prompts.

    For Keybind

    • Ship a changelog entry
    • Write a docs page
    • Commands and shortcuts
    • Light theme check

    For every template

    • Make it mine
    • Rewrite the home page
    • Try a new palette
    • Change the fonts
    • Add a page
    • Fill the legal pages
    • SEO and AI answers
    • Ready to launch?
  • Publish on Framer’s free address, or on your client’s domain with a Framer site plan

AI kit

$49

For Claude Code, Cursor, Lovable or v0. A zip with:

  • index.htmlthe home page, built
  • DESIGN.mdwhat never changes
  • AGENTS.mdpoints your AI to DESIGN.md
  • tokens.csscolours, type, spacing
  • LICENSE.txtevery client, no resale
02Your assistant keeps the design

The rules come in the box

The AI kit ships with a DESIGN.md written by the designer, and an AGENTS.md that tells Claude Code or Cursor to read it before every change. This is the start of Keybind’s, as delivered.

Each kit is tested with real prompts in Claude Code and Cursor before it goes on sale.

# Keybind · DESIGN.md
## Never change
- One accent, rare. --accent is the primary button, the eyebrow labels (--accent-text), one status dot, one highlighted row in a window. Never a section background, never body text, never two accent elements competing in one viewport.
- The keycap is the signature (.key): a small mono key (⌘, ⇧, K, Enter, Esc) on --surface with a 1 px line and a 2 px bottom edge. Put one next to every primary action and on every command row. Real keys only, at most three in a combination.
- Two-tone section titles (.st): the first sentence in Ink, the second in Muted, same size. Every section opens this way.
- Type: Instrument Sans for everything you read (Display on the home hero only, H1 once per page), JetBrains Mono for labels (uppercase, .label), keys, code and small data. No serif, no third family. Headings in sentence case, no full stop.
…
03Licence

Buy once, use it for every client

You can
Use it for unlimited sites, yours and your clients’.
You can change
Anything: words, photos, colours, number of pages.
You can’t
Resell or share the template itself, alone or in a template collection.
Where
On every purchase made here or through our Polar checkout. A copy bought on the Framer Marketplace follows Framer’s single-use licence.
04Questions

Before you buy

Framer or AI kit, which one?

Framer if you build in Framer: remix the template, change the words and photos, publish. The AI kit if you build with Claude Code, Cursor, Lovable or v0: the home page in plain HTML and CSS, plus DESIGN.md and AGENTS.md, so your assistant builds the other pages in the same design. Both for $69.

Do I need a paid Framer plan?

No, remixing is free. To publish on your client’s own domain, Framer asks for one of its site plans, paid by you or your client.

What happens after I pay?

Delivery is instant. Polar, our payment provider, emails you the Framer remix link or the AI kit download right after payment, with your receipt. Both stay in your Polar account.

Can I get a refund?

No. The files are delivered the moment you pay, so at checkout you agree to waive the 14-day withdrawal period and all sales are final. Click through the live demo first, and buy only if it fits.

Is VAT included?

Prices are shown excluding VAT. Polar adds VAT at checkout only where your country requires it, and shows the total before you pay.

05More templates