A five-page HTML template for payments and financial infrastructure products.

Fintech landing templates usually borrow a generic SaaS layout and swap the copy. Tessen is built the other way around: the pages are shaped by what this industry actually has to show — figures that must line up, controls that need a document behind them, and a flow a reader can follow end to end.

What's in it

Five pages, not one section stack

index · security · integrations · pricing · company. A shared shell with page-scoped CSS, so editing one page can't break another.

A hero that is a metric panel

The first screen is four figures that count up on load, not a product screenshot. In this category the numbers are the pitch, so they get the space.

A money path that holds the scroll

The flow section pins its diagram while five stages advance beside it — authorize, clear, reconcile, settle, report. Built with GSAP ScrollTrigger, and it degrades to a readable static sequence when motion is off.

A plan matrix, not three cards

Pricing is a comparison table: rows are features, columns are plans, and hovering a row shows how that feature differs across tiers. Adding a plan is adding one cell per row.

A connector directory that needs no logos

Integration tiles name connectors by what they do rather than by brand, so the page is publishable before a single partner agreement exists. Each tile has a mark slot ready for when one does.

Light and dark from one attribute

Sections declare data-ts-tone="light" or "deep" and everything inside follows. There is no duplicated stylesheet and no second theme to maintain.

Numbers that line up

Every figure is set in IBM Plex Mono with tabular numerals. It is a small thing that is very visible when a column of amounts doesn't align.

Built to be edited

• Zero build step. Double-click index.html. No npm, no bundler, no framework — and no ES modules or fetch, so it opens straight from the file system.
• Seven colour tokens drive every page, light sections and dark alike. One file, one block.
• An eight-step type scale. Nothing in the template uses a size outside it.
• GSAP 3.12.5 + ScrollTrigger via CDN, pinned to an exact version and checksummed in LICENSES.md.
• Responsive at 1440 / 768 / 375. No horizontal overflow at any of the three.
• Browser console: 0 errors. Respects prefers-reduced-motion.

What you get

template/          5 HTML pages + assets (CSS, JS, 65 images)
documentation/     Setup and customization guide (English, beginner-friendly)
LICENSES.md        Full license texts for the library and both fonts
changelog.txt      Version history

Please read before buying

• This is a front-end template. It does not process payments, move money, keep a ledger, or store records. There is no backend and no account system. The five forms validate input in the browser and send nothing — point them at your own handler.
• Tessen is a fictional company. Every figure, certification badge, audit reference, partner name, role and quote is invented sample content placed to show the layout. None of it is a claim about a real business, and none of the badge names certify anything about this template or a site built from it. Replace them before you publish.
• No stock photography. The 65 images were made for this template and ship inside the download, so nothing here carries a stock licence or an attribution requirement. The raster images were AI-generated and then downsampled; see LICENSES.md for what that means for your rights in them.
• GSAP loads from a CDN, so the first open needs a connection. Without one the pages still render and read correctly — the reveals simply start in their final state.

Licenses

Third-party licenses are reproduced in full in LICENSES.md.