Frontend-only · v1.0.0

Landing pages that look made by a human.

Kontur is a framework-free landing page pack with three niche presets, a single config file and zero dependencies. Edit one file, ship in an afternoon.

Get the pack — $29 See what's inside
Page weight
18 KB
Lighthouse
100
Niche presets
3
Dependencies
0

What's inside

Everything you need, nothing you don't.

Plain HTML, CSS and JavaScript. No React, no Tailwind, no node_modules — open index.html and it already works.

01

Single config file

Brand, copy, palette and pricing live in assets/js/config.js. Change strings there — the page updates, no HTML archaeology.

02

Three niche presets

SaaS, Studio and Commerce swap accent colour, voice and headline in one click. Sell the same codebase to three markets.

03

Dark mode, properly

CSS custom properties + prefers-color-scheme, remembered in localStorage. No flash of wrong theme.

04

Responsive by default

Mobile-first, tested at 360 / 768 / 1280 / 1440 px. Fluid type with clamp(), no horizontal scroll anywhere.

05

Accessible components

Focus states, skip link, ARIA on toggles and accordion, keyboard-operable menu. Semantic landmarks out of the box.

06

Docs you can ship

README, documentation, production checklist and buyer guide included — resell-ready on Gumroad or CodeCanyon.

How it works

From download to live in three moves.

  1. 1

    Edit config.js

    Swap the brand name, headlines, prices and links. Pick a niche preset. That's the whole setup.

  2. 2

    Open it locally

    Double-click index.html, or run python3 -m http.server for a local preview.

  3. 3

    Push & deploy

    Static hosting anywhere — Cloudflare Pages, Netlify, GitHub Pages. No build command, output dir /.

Pricing

One-time price. Yours forever.

Monthly Yearly −20%

Starter

$0/ forever

For a single personal project.

  • 1 landing page
  • SaaS preset only
  • Community support
Download free

Most popular

Studio

$29/ month

For freelancers shipping client work.

  • All 3 niche presets
  • Dark mode + config file
  • Lifetime updates
  • Commercial licence
Buy the pack

Agency

$79/ month

For teams and unlimited client sites.

  • Everything in Studio
  • Unlimited client projects
  • Figma source file
  • Priority support
Talk to us

Kind words

Shipped by people who hate boilerplate.

“I replaced a 400 KB Next.js starter with Kontur and the client site got faster immediately. One config file did the job.”
Maya P. · Freelance developer
“The three presets mean I can pitch the same template to a SaaS, a studio and a shop. Closed two retainer deals with it.”
Deni R. · Agency owner
“Finally a template that doesn't look like every other indigo-and-rounded AI page. The editorial look sold it for me.”
Artem K. · Product designer

FAQ

Questions, answered.

Do I need Node.js or a build step?

No. Kontur is plain HTML, CSS and JavaScript. Open index.html in a browser or upload the folder to any static host.

Can I use it for client projects?

Yes — the Studio licence covers commercial work for one developer, the Agency licence covers unlimited client projects.

How do niche presets work?

Presets live in config.js and change the accent palette, brand name and hero copy. Pick one as default, or expose the switcher to your visitors like this demo does.

Is the contact form connected?

It validates on the client and shows a success state, with no backend. Point it at Formspree, your own API or remove it — the choice is documented in docs/PANDUAN.md.

Do I get future updates?

Studio and Agency include lifetime updates. The changelog follows semantic versioning in CHANGELOG.md.

Get started

Ship your next landing page this afternoon.

Drop your email and we'll send the pack plus the config cheat-sheet. No spam, unsubscribe anytime.