Finos is a personal-finance and money-management HTML template for apps that bring accounts, cards, budgets and savings goals into one place. Fintech products are sold on clarity: a visitor has to believe, within a scroll, that the app will make their money easier to understand. Finos is built around that promise, with a light, calm layout, product screens set into phone frames, and a wallet balance that rolls over while they watch.

It is written by hand in plain HTML, CSS and vanilla JavaScript. There is no framework, no build step, no jQuery and no animation library: every reveal, slider, accordion, tab, counter and hover is a few lines in one commented stylesheet and one commented script. Inter Tight is self-hosted, every image is local, and the whole folder works from a file:// open or any static host.

It suits a budgeting app, a neobank, a savings or investment product, a card issuer, or any fintech start-up that needs a polished marketing site with a blog and an integrations directory ready to fill.

Designed for fintech and money-management apps

The look is light and precise: a pale grey page, black type in a single tight sans, white cards with soft shadows, and one coral accent for the moments that matter. Product screenshots sit inside phone frames with rolling card artwork, statistics roll in digit by digit, and section tags number the story from the problem to the pricing.

Every page keeps the same rhythm, so the blog, the integrations directory and the utility pages feel like one product rather than a template with add-ons. The home page alone carries four sliders, a billing switch on each pricing card, an FAQ and a blog preview, and all of it is hand-coded to be edited by hand.

Key Features

35 hand-coded pages in plain HTML, CSS and vanilla JavaScript
No framework, no build step, no jQuery, no GSAP, no third-party scripts
Inter Tight self-hosted in five weights, with no runtime font requests
13 blog posts, each with its own article, and 9 integration pages
Blog list with category tabs and six-at-a-time paging
Four accessible sliders with dots, arrows, swipe and pausing autoplay
Monthly / yearly billing switch on every pricing card
Rolling wallet balance and digit-train statistics
Scroll reveals, staggered groups, marquees and turning badges in CSS
Mega menu, mobile menu, FAQ accordion and tabs as real buttons with ARIA
Demo newsletter, contact and password forms ready to wire to any service
Respects prefers-reduced-motion throughout
Style guide, instructions, licences and changelog pages included

Included Pages

Home
About
Features
Pricing
Integrations
Integration Details
Blog
Blog Post
Contact
Style Guide
Instructions
Licenses
Changelog
Password Protected
404

Ideal For

Personal finance and budgeting apps
Neobanks and digital banking products
Savings, investment and wealth apps
Card issuers and payment products
Fintech start-ups and SaaS launches
Financial coaching and planning services

Performance & User Experience

With no framework and no library, a page is one stylesheet, one script and its images. Fonts are local woff2 files, pictures ship as AVIF with responsive srcset sizes, and the running motion is CSS animation on the compositor, so the pages feel immediate on a phone as well as a desktop.

Every control is a real button or link with a name and a keyboard path: the menus, the sliders' dots, the tabs, the FAQ rows and the billing switches all work from the keyboard and announce themselves to screen readers. Visitors who ask for reduced motion see every section in place with nothing moving.

Why Choose Finos?

Finos gives a finance product a site that looks as careful as the app it sells, in code a developer can read, edit and hand on. The design values are exact, the motion is faithful to the original, the content is real on every page, and nothing in the folder depends on anything outside it.