Freeframe
Business10 pages · 0 downloads · Free

Tally

A calm, trustworthy fintech SaaS website for invoicing and bookkeeping software, with a live invoice in the hero and a late-payment calculator.

Stack: HTML + Tailwindv1.0.1 changelog

DocsLive demo Download .zip155 KB

About this template

Tally is a marketing site for a fictional invoicing, expenses and bookkeeping app for freelancers and small studios, made in Cork. The home page opens on an editable invoice whose totals and VAT update as you change quantities, then a simulated payment, followed by a dashboard with SVG cash flow charts and customer results. It also has a features tour with a reminder email writer, pricing with a monthly / annual switch, correct savings maths, a VAT toggle and a comparison table, a late-payment interest and time-saved calculator, a filterable integrations directory, customer stories, a security and trust page, a changelog and a validated demo request form.

Features

  • Live hero invoice: change quantities and the subtotal, 23% VAT and total update, then simulate the payment through Draft, Sent, Viewed and Paid
  • Pricing with a monthly / annual switch, savings worked out per plan, a show-prices-with-VAT toggle and a sticky-header comparison table, remembered between visits
  • Late-payment calculator: statutory interest, fixed compensation and an SVG chart of the claim over time, with shareable amount and days in the URL
  • Time-saved estimate that turns invoices, chasing and your hourly rate into hours and euro a month
  • Features tour with accessible tabs that open from links, plus a reminder email writer with three tones and three stages
  • Integrations directory with category filters, search, result counts and shareable ?category= links
  • Filterable customer stories and changelog, a security and trust page with a sub-processor table
  • Demo request form with inline validation, plan preselected from the pricing page, a character counter and live office hours in Irish time
  • Calm fintech design: off-white paper with ledger lines, deep ink, one mint accent, Mona Sans with tabular numerals and HTML product mock-ups
  • SEO and Open Graph tags, SVG favicon, 1200×630 social image, skip link and reduced-motion support

Pages included

Quick start

unzip tally.zip && cd tallyopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Tally documentation →

Changelog

  1. v1.0.1

    Fixed

    • The hero invoice's due date and the reminder writer's "due on Friday …" are now a rolling demo date (the Friday 7 to 13 days from today, INVOICE_DUE = null), so the demo invoice is never overdue; the old date, 31 October, wasn't a Friday either. Set INVOICE_DUE to a real date to show a fixed one.

  2. v1.0.0

    Added

    • Initial release with 10 pages: Home, Features, Pricing, Late-payment calculator, Integrations, Customers, Security & trust, Changelog, Book a demo, 404.
    • Live hero invoice: change quantities and the subtotal, 23% VAT and total update, then simulate the payment through Draft, Sent, Viewed and Paid
    • Pricing with a monthly / annual switch, savings worked out per plan, a show-prices-with-VAT toggle and a sticky-header comparison table, remembered between visits
    • Late-payment calculator: statutory interest, fixed compensation and an SVG chart of the claim over time, with shareable amount and days in the URL
    • Time-saved estimate that turns invoices, chasing and your hourly rate into hours and euro a month
    • Features tour with accessible tabs that open from links, plus a reminder email writer with three tones and three stages
    • Integrations directory with category filters, search, result counts and shareable ?category= links
    • Filterable customer stories and changelog, a security and trust page with a sub-processor table
    • Demo request form with inline validation, plan preselected from the pricing page, a character counter and live office hours in Irish time
    • Calm fintech design: off-white paper with ledger lines, deep ink, one mint accent, Mona Sans with tabular numerals and HTML product mock-ups
    • SEO and Open Graph tags, SVG favicon, 1200×630 social image, skip link and reduced-motion support
    • Full documentation in DOCS.md.

More templates