Midnight · Next.js landing page template

Your product, not ours

Three made-up products on Midnight. Only the words in one file and the accent colour changed.

Midnight as Ledgerwick, a made-up bookkeeping product: “Your books, closed by Monday.” in green. — **Ledgerwick**, bookkeeping. Aurora accent.

Midnight as Mergelark, a made-up code review product: “Your code, reviewed by standup.” in blue. — **Mergelark**, code review. Moonstone accent.

Midnight as Scoutfern, a made-up market research product: “Your market, mapped by Friday.” in violet. — **Scoutfern**, market research. Amethyst accent.

Why Midnight

No picture to replace

In many templates the hero is a big picture of someone else’s product, and it’s the first thing you replace. Midnight has none: the window, the workflow and the ornaments are built from your text and your colours.

Designed for phones

59% of web visits worldwide are on phones (StatCounter, September 2026). Below 768 px every section is laid out again: swipe rows, tabs, sheets that stay above the keyboard.

The hours of prompting are done

A frontend developer with nine years of experience went through them with AI for you, settling the structure, the sections and the phone layout. Your AI puts in your words, following AGENTS.md and DESIGN.md, and npm run check catches the usual slips.

Three phone screens of Midnight: the hero, the use cases and the integrations diagram. — On phones every section is laid out again, not squeezed.

The integrations section of Midnight on desktop: an agent connected to email, calendar, docs and databases. — Diagrams are drawn from your text, not pasted in as pictures.

What’s inside

The full source code, with the launch basics wired in and listed in AGENTS.md for your AI.

Built with: Next.js 16, React 19, Tailwind CSS v4, shadcn/ui, TypeScript
Pages: 10 sections, 5 pages, 3 dialogs, 4 colour presets
Forms: Formspree, Loops or your own webhook, with spam protection
Analytics: Plausible, Umami, Vercel, PostHog or GA4, 12 events ready
SEO: Sitemap, structured data, a social image made from your headline
Languages: English and German, add your own
Legal pages: Privacy, Terms and Imprint, ready for your text
For your AI: AGENTS.md, DESIGN.md, starter prompts; all text in one file
Hosting: Vercel, Netlify, Cloudflare Pages or any static host
Measured: Lighthouse 100 for accessibility, best practices and SEO

Who makes Vilqor

Vilqor is a one-person studio: a frontend developer with nine years of experience. The same person builds each template, keeps it up to date and answers every email to help@vilqor.com.

Questions

How do I get the files?

Right after payment the download appears on screen: one zip with the full source. We also email you a link that works for 30 days. If it expires, get a new one on the Lost your link? page.

Can I use it for client work?

Yes. Build any number of sites for yourself or for clients. You may not resell or share the template itself. See the licence.

What if it isn’t right for me?

Write to us within 14 days of your purchase and you get a full refund. See the refund policy.

Do I get updates?

Yes, free. Download links always give the latest version, and you can get a fresh link any time on the Lost your link? page.

Who sells it, and who handles payment?

Vilqor makes landing page templates. Orders are processed by our online reseller Paddle.com, the Merchant of Record for all our orders: Paddle takes the payment, handles tax and sends your invoice.

Get Midnight

$59 one-time, tax included. Download right after payment.

Live demo ↗