Campaign page example · Software

SaaS promo landing page example: a limited-time annual plan offer

A campaign landing page for Tallybird, a fictional invoicing app. It states the offer in one line, shows what the product does and who it is for, then sets out the terms line by line.

Page type
Campaign page
Canvas
Desktop · 1280 px
Sections
6
Brand
Tallybird (demo brand)
Full-page screenshot of Tallybird: a one-week annual-plan offer with clear terms

Download and usage details

Files
HTML + CSS · images included
Usage
Free to edit and use in personal and commercial projects. Attribution is optional. Do not resell or redistribute the templates themselves as templates.
Forms, if included
They look complete but do not send anything. Point the form at your own form service or email tool before you publish.
Fonts
Fonts load from Google Fonts
Demo content
Every brand is a fictional demo brand, and the copy was written for that demo. Replace product facts, offers and any testimonials with your own, and check every claim before you publish.
All templates →
01 / THE BRIEF

What we typed

A campaign landing page for Tallybird's Founders Week offer, from 20 to 26 October 2026: 40% off the annual Pro plan for freelancers and small studios. Lead with the offer and who it is for in one line. Then cover: what Tallybird does (create and send invoices, see who has paid, send polite automatic reminders); three short use cases (a solo designer, a two-person development studio, a consultant who bills by the hour); how the offer works (annual Pro is normally $144 a year and $86.40 during Founders Week; it applies to new annual plans started that week; start with a 14-day free trial, no card needed); and a short FAQ (can I switch to monthly later, what happens after the first year: it renews at the normal price, can I cancel at any time). Main action: Start your free trial. Do not invent customer logos, customer counts, testimonials, ratings, revenue figures or invoices-sent numbers, and do not add a countdown timer. In the footer, add one line: Tallybird is a demo brand created to show what Octet Prow can build. It is not a real company and nothing here is for sale.

02 / DESIGN SYSTEM

Tallybird Ledger

  • primary · #1F6F4A
  • secondary · #2E5A7A
  • tertiary · #9A6412
  • surface · #FAFCFA
  • outline · #A7B3AC
  • inverse · #1B2620
  • Sans · Inter
  • Mono · IBM Plex Mono

Generated once for the project from its brief. Every page in the project follows it.

03 / STRUCTURE

How the page is put together

  1. Opening40% off annual Pro for freelancers and small studios.The offer and who it is for, with the price worked out beside it.
  2. 01Three things, done properly.The three things the product does, each with a small product view.
  3. 02Written for how solo work actually goes.Three people it is written for.
  4. 03One week. 40% off. A year of Pro.The terms, line by line, including the free trial.
  5. 04Three questions we get asked a lot.Monthly plans, renewal and cancelling.
  6. 05Start billing the way you'd like to be billed.A closing band with the trial action.
04 / REVIEW

What we checked and changed

The three persona cards first showed small sample figures, such as about two minutes to send an invoice. They read as product claims we had not supplied, so we asked the editor to remove them.

MORE EXAMPLES
MAKE ONE LIKE THIS

Start from your own product and the question your readers ask.

Start creating