Nocturne - App Framer Template
A night-sky page for sleep apps
$59
A landing page for an AI sleep-coach app, designed for people seeking guidance with sleep and wind-down routines. It presents the app’s features, science, plans, dream journal, and email signup in a night-sky visual style.
Categories
About this template
Nocturne is an AI sleep-coach app landing page: night-sky blue-black, moon-cream text, one ember accent and a moon-coloured footer. Instrument Serif sets the headings and numerals, Hanken Grotesk everything you read.
The hero is a canvas moon and starfield you can breathe with: hold the button for a 4-7-8 timer and the moon swells, the stars brighten and the page dims. Below it, one night in three acts is a pinned scroll story from dusk to dawn: the moon crosses the sky, the scene clock runs and the widgets fill as you scroll, while the act text stays put and changes with the sky.
Features
A sleep-score phone mock-up with four callouts and orbiting dots
Science bento: stats that count up, bars that grow, a hundred dots and a method note
A manifesto whose words brighten as you scroll
Dream journal: a CMS list of paper notes, tilted, taped and scribbled
FAQ: a CMS list of questions, the first one open
Monthly or Annual switch on two plan cards
First-light signup with an email form and a Sent state
Live local time, moon phase and wind-down countdown
Desktop, tablet and phone layouts, 404 and privacy
Four code components and three small overrides, the rest native
Every colour and font is a shared style
Framer Skills
Five ready-made instructions for Framer's AI agent, plus a page showing every colour, font and block:
/design-system: add pages and sections that match
/rebrand: your name, colours and copy
/content: add a journal note or a question
/effects: edit the sky, the breathing button and the story
/before-publish: check every page at three widths
Included Pages
- 404
- Privacy
More from Lauri Lännenmäki
View all
Oda
Oda is a portfolio website template for architecture and interiors studios to present projects, people, materials, and awards. Its drawing-set-inspired layout includes project detail pages, a self-drawing cabin hero, and a sketch pad for visitors to outline a plot.
Gist
A portfolio template for product and UX designers seeking their next role. It presents five written case studies in Read and Skim modes, alongside a work index, CV, quotes, about content, and contact details.
Plakat
A monochrome portfolio for graphic designers, type designers, and small print studios. It presents case studies and archive projects through a work index with discipline filtering, poster and list views, and sorting, plus individual project pages.
More App Templates
View all
Savi
Introducing Savi - a trendy and modern Framer template built for Software & Mobile App landing page and websites.
Pascora™
Pascora is a mobile-first Framer app template for creators, coaches, and wellness brands to launch meditation, breathwork, and ambient audio wellness experiences. It features CMS-driven sessions, guided meditations, immersive scenes, and reusable UI components.
Crypto Exchange
A crypto website template for exchanges, Web3 wallets, DeFi protocols, token launches, and trading apps. It includes pages for markets, assets, trading, earn products, launches, payments, and trust resources, with CMS-managed content and demo prices generated on the page.
More Health Templates
View all
The Waggery
A website template for veterinary practices offering modern care for dogs and cats. Its friendly, funny tone is designed to help pet owners learn about the practice and book a visit.
Brindle
A dark, modern veterinary clinic website for practices serving pet owners. It presents services, prices, wellness plans, first-visit guidance, team information, and pet health articles to help owners understand care options and request an appointment.
Dr Jilly's
Dr. Jilly’s Portfolio is a Framer template for physicians, surgeons and medical specialists seeking a trust-focused personal website. It features a credential-first layout, animated stats, CMS blog structure, testimonials, and ready-to-launch pages.
More Landing Page Templates
View all
Maxira X
A sleek, strategic template designed to get you to market - fast.
Lumien
Lumien is a dark-themed Framer template for tech conferences, design summits, and creative meetups, providing editable hero, schedule, speaker, ticketing, and sponsor sections to launch an event website quickly without coding.
Ainet
Ainet is a modern Framer template for AI automation agencies, integration experts, and SaaS consultants to showcase automation processes, case studies, client testimonials, and service packages, guiding visitors toward consultations and project inquiries.
More Animated Templates
View all
RCKSTAR
Bring your events to life with Rockstar - a Framer template built for energy, emotion, and connection. Perfect for concert promoters, event agencies, and creative studios that thrive on live experiences.
Tween
A Framer template for motion design, 2D/3D animation, explainer video, and social content studios with 2 to 25 people, as well as freelance motion designers presenting their services and work to prospective clients.
NULO
A website template for AI and automation products, workflow and integration tools, developer-facing SaaS, and data or infrastructure startups. It helps teams explain technical products and includes dedicated pages for product information, pricing, documentation, and support.
More SaaS Templates
View all
MinimalEditorial
A one-page landing page template for SaaS teams, with sections for how the product works, features, testimonials, pricing, and FAQs. It is built for easy customization and includes a custom 404 page.
Orbital Pro
Orbital AI is a premium Framer landing page template for AI startups and SaaS companies. It features a clean dark interface, subtle gradients, reusable components, and responsive layouts for professional product showcases.
Sonna
Sonna is a clean, modern coming soon & waitlist template for Framer featuring a fully customizable animated sunrise-inspired shader background. It’s ideal for startups, SaaS and product launches, offering a minimal hero section and simple waitlist signup form to build anticipation.