Startups & Creators
Ledgerleaf SaaS Landing
SaaS landing page with an HTML-built product mockup, bento feature grid, three-step how-it-works, pricing with a yearly toggle and FAQ.
About this template
Ledgerleaf is a one-page marketing site for a fictional software product: quoting, invoicing and payment tracking for independent tradespeople. It suits small software companies and app makers that sell monthly plans with a free trial. Sections, in order: a hero with the headline and an invoice mockup built in HTML over a photo, a short problem section, a bento grid of six features, three steps for how it works, three pricing plans with a monthly and yearly switch, two testimonials, six FAQ items, and a dark closing call to action. The style is clean and friendly: paper #FAFAF7 background, ink #111311 text, leaf green #15803D buttons and lime #D9F99D highlights, set in Geist with Geist Mono for prices and labels. The prompt asks the AI for three files (index.html, styles.css, script.js) that work without JavaScript and cover accessibility basics.