Quiet
A minimal SaaS landing template.
Quiet is a landing page for a software product, in the Minimalism style: warm white, near-black text and one ink-green accent, one type family in two weights, a strict 12-column grid and a lot of space. The product is the only picture. The sample product, Quill (feedback in, one clear changelog out), is invented: every name, quote and price is sample content.
- For
- SaaS landing
- 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
The product window shows its one job on a loop: four scattered notes lean in and fade as they merge into one dated changelog entry.
What you get
Straight from the template's README, the same file you will find in the repository.
- Home (
index.html): hero with headline, two calls to action and a drawn product window; three steps; a feature with a review panel; a dark quote band; pricing as a three-plan table with a monthly or yearly switch; questions (accordion); a sign-up panel with a working form state (empty, error, success); footer. - Changelog (
changelog.html): the product's own changelog, grouped by month with sticky month labels, filterable by New, Improved and Fixed, with an empty state. - 404 (
404.html). - Light and dark themes (follows the system, with a toggle that remembers the choice), phone to desktop.
- Signature motion: in the product window, four notes lean toward the changelog and fade as they merge into one dated entry, which rises with its "4 sources" count; then the notes wake for the next round. Paused off screen and in background tabs. Everything else is quiet: headline words rise once, sections arrive once, prices roll when billing changes.
- Reduced motion: everything in its final state, no travel.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Changelog
- 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.
