Arclo: Finance close and fintech landing page template for Next.js.

$39one-time payment

Buy ArcloLive demo

Checkout opens soon.

Next.js 15
CSS
TypeScript
8 sections
Light
No API keys
Updated Oct 9, 2026

Live demo

The Arclo landing page template on desktop, from the hero to the footer

Overview

A complete launch for a month-end close product: a textured ink-to-petrol hero, quiet white chapters and an interactive close canvas that runs on real sample numbers. Precise Manrope typography, glowing controls, original photography and editable diagrams carry it from first impression to the supporting pages.

Made for: Finance close, reconciliation and accounting products, Fintech and spend management platforms, B2B tools for controllers, CFOs and finance operations
Highlights: Ink-to-petrol hero field, glowing controls and a working close canvas
Bank matching with a dollar tolerance, variance flags and approval routing, all exportable as JSON
Five original feature scenes, four onboarding steps and finance team stories
Entity-based pricing with comparison, walkthrough form, early-access page and journal
The look: Ink, petrol and champagne on cool white. A 52px centered Manrope headline, a fine frame with real intersection dots, softly inset surfaces and a champagne-edged glow on the main action. Three benefits, a three-plus-two feature grid, a central close framework, three entity-based plans, four onboarding steps, finance stories, a split about chapter and journal.

Sections

01
Navigation and hero
Contracting navigation, native page menu, accessible mobile menu, a textured ink-to-petrol field and three selectable close steps.
02
Benefits and platform
Three benefits and five original React/CSS/SVG scenes, including two reconciliation views and an editable variance note.
03
Close framework and onboarding
A central layered framework and four keyboard-accessible onboarding steps.
04
Close explorer
Sample bank lines, accounts and entries, a dollar tolerance, finite runs, visible logs, exceptions, clipboard output and matching JSON records.
05
Pricing
Three entity-based plans, monthly/yearly selection, a comparison table and complete billing review dialogs.
06
People and journal
Illustrative finance stories, original team photography, three original article covers and three complete articles on the close, audit and variance notes.
07
Questions and closing
Native disclosures, gradient closing action, useful footer navigation and remembered motion preference.
08
Supporting pages
Pricing, walkthrough request, early access, journal and articles, privacy/terms placeholders and a custom missing-page state.

Remove a section by deleting its line in app/page.tsx, or move the line to reorder.

Make it yours

Start in site.config.ts for the brand, primary copy, plans, FAQ and destinations. The sample close data, stories and articles each have a focused data file.

Where to change each part of Arclo
To change	Edit
Brand, copy, plans, FAQ and destinations	site.config.ts
Sample bank lines, accounts, entries and rules	data/workflows.ts
Illustrative people, quotes and articles	data/stories.ts and data/articles.ts
Palette, type and shared spacing	styles/base.css
Fonts and section order	app/layout.tsx and app/page.tsx
Original photo and generation prompt	public/images/team.webp and ASSETS.md

Run it

$ npm install$ npm run dev

Node.js 20.9 or newer. No environment variables.

Before you go live

Replace the fictional brand, sample close data, stories and prices. Configure your app URL, each plan’s monthly/yearly checkout and contact/waitlist endpoints. Replace policy placeholders. Local runs and downloads work; connect your ledger, bank feeds, authentication and posting in your application.

Specifications

Framework: Next.js 15 (App Router), React 19
Language: TypeScript
Styling: CSS with design tokens and component styles
Fonts: Manrope, self-hosted with next/font
Dependencies: next, react, react-dom, lucide-react
Images: One original generated WebP team photograph, with CSS crops for illustrative portraits. Original SVG mark, grain texture, close canvas, feature scenes, framework and three journal cover studies.
API keys and environment variables: None
Node.js: 20.9 or newer
Colour scheme: Light
Responsive: Desktop, tablet and phone
Accessibility: Skip link, visible focus, keyboard navigation, reduced motion
Deploys to: Vercel, Netlify, Cloudflare Pages or any Node host
Codebase: 66 source files, about 6,600 lines
Last updated: Oct 9, 2026

License

One license, no tiers. The full text ships as LICENSE.md in the download.

You can

Use it for your own products
Use it for any number of client projects
Change the code and design however you like
Deploy the result commercially

You can’t

Resell or share the files as a template, theme or UI kit
Publish the source as a template in a public repository

Questions

What do I get when I buy Arclo?

The complete Arclo project as a download: the Next.js app, its config file, a README with setup and customisation notes, and the license. The download link arrives right after checkout.

Can I use Arclo for client projects?

Yes. One purchase covers your own products and any number of client projects, and you can change the code however you like. What you can’t do is resell or share the template files themselves as a template or UI kit.

Do I need API keys, a database or a backend?

No. It runs with npm install and npm run dev and deploys to Vercel, Netlify or Cloudflare Pages without any environment variables.

What should I change before I launch?

Do I need to know Next.js?

Basic React helps, but most changes are text edits in site.config.ts. The README walks through colours, fonts and section order.

How do updates work?

Updates to Arclo are free. When a new version ships, download it again from the link in your order email.

Can I get a refund?

Yes. If Arclo isn’t right for you, reply to your receipt within 14 days and you get your money back.

Should I buy all-access instead?

If you’ll use more than two templates, yes. All-access is $99 for all 19 templates, including Arclo and every template added later. Three single templates would cost $117.