Skip to content
Case StudyWeb Design

Murmur: mobile app landing page

A landing page for mobile apps where every visual is drawn in code.

Murmur: Hero

01

Overview

Murmur is an app landing page template, shown here as a focus and sleep sound app. There is no photography to replace: the phone, its screens, the sky and the glowing orb are all drawn in code and sized to fit any screen.

As you scroll, the whole page moves from dawn to midnight while the phone swaps screens to match. The demo plays real sound, synthesised in the browser with no audio files. Copy, chapters, sky colours, pricing, reviews and FAQ live in one content file.

02

Features

  1. 01
    Day to night scrollThe page sky is scrubbed from dawn to midnight, with a clock and a sun and moon arc running alongside.
  2. 02
    CSS phoneA device frame that renders your app screens crisply at any size, in light and dark.
  3. 03
    Real soundSix sound layers synthesised with the Web Audio API, driven by the phone, the nav player and the mixer.
  4. 04
    Living orbA canvas shape that swells with the loudness of whatever is playing.
  5. 05
    Feature bentoSleep timer dial, offline mode, smart alarm and more, each with its own small visual.
  6. 06
    Pricing, reviews, FAQEverything an app page needs to convert, with generic store buttons ready to swap for official badges.

03

Perfect for

  1. 01
    Mobile apps
  2. 02
    Wellness apps
  3. 03
    Indie developers
  4. 04
    Product launches

04

Built with

Next.js 15, React 19, GSAP 3, Lenis

Murmur: Hero
Murmur: Evening
Murmur: Sound mixer
Murmur: Features