All work

Framer template

Yarrel

A bright landing-page template for habit-tracker apps, with pricing, journal, changelog and a phone mockup that explains the product in one glance.

Services

Concept, design, Framer template

Timeline

3 weeks

Year

2026

Yarrel

yarrel.framer.website

Visit site

Homepage of Yarrel in a desktop browser

The challenge

App landing pages tend to look alike: a gradient, a phone and three feature cards. Yarrel needed a personality that buyers could keep or swap in minutes.

As a template it also had to survive other people’s content, from long app names to missing screenshots.

Our approach

Everything is built around one idea, a dot for every day you show up. The dots carry color, rhythm and even the call to action.

Pages for pricing, a journal and a changelog come with CMS collections, so the template works on day one and grows with the app.

The download section and footer further down the Yarrel site
Yarrel on a phone

The result

A complete multi-page template with light layout rules, tested with long and short copy on every breakpoint.

Buyers change the brand color and app name in a few clicks and keep the structure.

Next step

Want a site that works this hard?

Create a free website with Framer, the website builder loved by startups, designers and agencies.