Lumen: Sleep App Landing Page: Landing Page | HorizonX

UI/UX

Lumen: Sleep App Landing Page

A glassmorphic Figma landing page for a guided-sleep and focus app: hero with search and mood chips, floating session player cards and a soft blue gradient scene.

Lumen: Sleep App Landing Page, image 4
Lumen: Sleep App Landing Page, image 1
Lumen: Sleep App Landing Page, image 2
Lumen: Sleep App Landing Page, image 3
Lumen: Sleep App Landing Page, image 4
Lumen: Sleep App Landing Page, image 1
  • Instant access Included with every membership
  • Ready to adapt Use it as your starting point
  • Commercial license With a membership, for client work

Overview

Lumen is a finished landing-page concept in Figma for a sleep, meditation or focus product, the category where the page itself has to feel calm before it sells anything. The hero runs a two-line display headline over a deep blue gradient horizon, a short supporting line, a rounded search field with an inline submit, and a row of mood chips (Calm, Focus, Sleep, Breathe) that double as quick filters. Around it float three frosted-glass session cards, each with cover art, a track title, elapsed and remaining time, a progress bar and prev/play/next transport controls. A pill cluster in the lower left offers session presets, and a closing line anchors the right side. The whole scene is built on layered translucency: blurred panels over a gradient sky, a soft horizon photograph, and a single lone figure that gives the composition scale. Navigation, logo lockup and the "Try For Free" CTA complete the frame. Everything is auto-layout and fully editable: swap the cover art, restyle the gradient, change the chip set, and the glass treatment holds together.

Highlights

  • Crafted to production standard
  • Ready to adapt to your own project
  • Included with every membership

What's included

  • The files listed under Specs
  • Included with every membership
  • Commercial license with a membership

Frequently asked questions

  • The files for this asset, in the format listed under Specs on this page.

  • It's included with a HorizonX membership, with no separate purchase.

  • Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.