Turned a contribution graph into a skyline.

So interactive

Deep Focus is a fictional macOS app that silences notifications so people can do deep work. The catch is the audience: people who need a productivity app are already tired of apps. Every competitor promises more features, so this page had to promise relief and turn it into a download within seconds.

What I did

I started from the pain, not the product. The second screen lists what a normal day looks like: push notifications, endless pings, 142 unread emails, context switching. I styled those chips like the four benefit chips in the hero, only white instead of frosted, so the visitor reads before and after without a line of explanation.

The hero section design shows no interface on purpose. This product is about absence, and a screenshot would add noise, so a person alone in a field does the proving. The headline “Deep focus. Anywhere.” is a high-contrast serif because every tool in this category speaks in a grotesque, and a serif sounds calm and human.

I kept one action, Download for macOS, with no pricing and no form. The first job of this landing page design is a download, and everything else can wait until after it.

Would you keep the serif for the headline, or switch to a grotesque so it feels more like software?

Love this!