Fernbank
A Vector Art template for a beginner money app.
A landing site for a money app that teaches people with their first job how to split a paycheck, build a safety fund and understand investing. Flat vector art throughout: one dark outline on every drawn shape, flat fills, hard offset shadows instead of blur. The sample brand, Fernbank, is fictional, and every amount on the site is an example, not financial advice.
- For
- Fintech for beginners
- Built with
- HTML, CSS, ES modules, Motion 14.6.0, anime.js 4.5.0 (no build step)
- Pages
- 3 designed pages
- Themes
- Light and dark, following the system, with a switch
Draft listing: this template is finished but still in review before it goes on sale.
Screens from the template
Every page is laid out for a 390 pixel phone as well as for tablet and desktop.
More pages
The 3D moment
A pay envelope opens and coins fly along dotted arcs into Bills, Life and Later jars that fill to their share, then a sapling unfurls from Later; a working three-jar split tool and a compound-growth coin chart.
What you get
Straight from the template's README, the same file you will find in the repository.
- Home (
index.html): a two-line headline over an edge-to-edge panorama (envelope, coin arcs, three jars), a working three-jar split tool, a ten-stop lesson road, a jargon-to-plain-English list, a compound-growth coin chart with real maths, two plans, questions and a coral closing band. - Safety fund planner (
fund.html): essentials, months, savings and monthly amount in; goal, months to goal and a jar that fills out. Every field validates (empty, not a number, zero). - 404 (
404.html). - Light and dark themes (follows the system, with a toggle that remembers the choice), phone to wide desktop, visible focus, reduced motion respected.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Safety fund planner
- 404
Stack
- HTML
- CSS
- ES modules
- Motion 14.6.0
- anime.js 4.5.0 (no build step)
The licence, in short
One purchase covers every site you build. Read the whole licence
You can
- Build as many websites and web apps with it as you like, for yourself or for clients.
- Change anything: code, design, copy, colours and layout.
- Charge clients for the work and hand them the finished site with its source code.
You cannot
- Sell, give away or publish the template itself, changed or not, as a template, theme, starter, kit or design file.
- Use it in a product whose main purpose is letting others build sites, like a site builder or theme marketplace.
