App landing page example: a habit tracker designed for the phone screen
A landing page for Dailyknot, a fictional habit-tracking app, made on the phone canvas for visitors on their phones. A drawn app screen and the two store buttons are in the first screen; then come three steps, four features, the free and paid plans and three questions, with a download bar that stays at the bottom.
- Page type
- Product page
- Canvas
- Phone · 390 px
- Sections
- 6
- Brand
- Dailyknot (demo brand)
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.
What we typed
An app landing page for Dailyknot, a habit tracker. Explain in three steps how it works: pick the habits you want to build, check them off each day, and see your streaks. Show the main features: daily reminders, home-screen widgets, a calendar view of streaks, and private by default, because habits stay on the phone unless the user turns on sync. Pricing: free for up to three habits; Dailyknot Plus is $4.99 a month or $29.99 a year for unlimited habits and sync between devices, with a 7-day free trial. Answer a few short questions about privacy, cancelling and switching phones. Main action: Download Dailyknot, with one button for the App Store and one for Google Play. Do not invent reviews, ratings, download counts, awards or press quotes. In the footer, add one line: Dailyknot is a demo brand created to show what Octet Prow can build. It is not a real app and nothing here is for sale.
Dailyknot Woven Calico
- primary · #245E4F
- secondary · #D77A42
- surface · #FAF8F5
- outline · #E3DED8
- Serif · Fraunces
- Sans · Plus Jakarta Sans
Generated once for the project from its brief. Every page in the project follows it.
How the page is put together
- OpeningUntangle your days with small, steady routines.The promise, a drawn screen of today’s habits and the App Store and Google Play buttons.
- 01Three calm steps. Nothing complicated.How it works, in three numbered cards.
- 02Built for peace of mind, not screen time.The four features, each with a small drawn piece of the app, and one photo.
- 03Free for three habits. Plus when you are ready.The free plan and Plus side by side, with the monthly and yearly prices and the trial.
- 04Clear answers before you begin.Where habits are stored, cancelling and switching phones.
- 05Begin with one small knot today.A closing screen with both store buttons.
What we checked and changed
Before submitting, we changed one line of our own brief: step one said “pick up to five habits”, which contradicted three free habits and unlimited habits on Plus. After generation, two rounds of edits. The first removed what the brief never said: “No account required”; private notes, encrypted storage and a promise not to read or sell data (the privacy card now only says habits stay on the phone unless you turn on sync); gentle chimes and custom reminder times; widgets that tick habits off without opening the app; custom categories, iPad support and encrypted backups on Plus; a “Requires iOS 16+ or Android 12+” line; and answers about cancelling in two taps and exporting a backup file on the free plan. The second round fixed the privacy card, which had copied “the user” from our instruction. The app screens are drawn in HTML; the one photo was generated in the editor. The store buttons have no link, because there is no app behind a demo brand.