Marketing site for a gentle habit-tracking mobile app.
Habitly
The brief
A landing page exploring a calmer, less punitive habit-tracking product — the counter-position to streak-driven apps that turn a missed day into a guilt event.
Design decisions
What we chose, and why.
- 01
No streaks, no shaming
Hero copy explicitly anti-positions against guilt streaks. The product itself would be "gentle by design" — every line of marketing reinforces that promise.
- 02
Phone mockup in pure CSS
Avoided a 300KB PNG hero mockup. The phone is HTML and Tailwind classes — accessible to screen readers and editable without a designer.
- 03
Soft palette, lots of whitespace
Emerald and teal instead of the typical bright orange and red of fitness apps. Aimed at the burnout-recovery audience, not the optimizer.
- 04
Real-shaped testimonials
Specific quotes about specific features ("buddy system", "didn't shame me for missing days") instead of generic five-star noise.
Screenshots
Desktop and mobile, as it ships.
What's not in scope
Marketing page only. No app, no signup backend, no actual habit-tracking — the App Store / Google Play buttons link to placeholder future listings.
Tech stack
Built with.
- Next.js 14
- React 18
- Tailwind CSS
- Vercel