STILLWATER
Landing & MarketingNew

STILLWATER

Free

Breathing app landing - 4-7-8 guide, soft stage, calm practice chrome.

Made with

  • HTML
  • CSS
  • JavaScript

Overview

STILLWATER is a breathing-app marketing landing by SonoJS. Shipped as a zero-build static site with Cormorant Garamond + Inter, bundled CSS/JS under assets/, and a soft paper theme. Hero stage with 4-7-8 inhale/hold/exhale guide, practice and teachers sections, pricing, and CTA band. Demo wellness chrome only - no booking backend. Run locally with npx --yes serve . (ES modules need a static server) or host on Cloudflare Workers.

Highlights

  1. 01

    4-7-8 breathing guide

    Hero foot timer with inhale 4 / hold 7 / exhale 8 phase chrome.

  2. 02

    Soft paper stage

    Canvas hero on a warm paper theme with Cormorant + Inter type.

  3. 03

    Practice + pricing

    Teachers, practice, pricing, and CTA band rendered from the bundle.

  4. 04

    Zero-build static

    npx --yes serve . - index.html plus assets/ CSS, JS, and fonts.

You get

  • index.html (STILLWATER breathing landing)
  • assets/index-*.css + assets/index-*.js
  • assets/fonts Cormorant Garamond + Inter + fonts.css

Run locally

From the unzipped project folder:

Terminal
npx --yes serve .

Related products

View all

Mainline

Free

Calm SaaS marketing site - ink & champagne, full-bleed hero, pricing and auth.

Changelog Template

Free

Minimal changelog template - product releases, features, and fixes in chronological order.

Aether

Free

Cinematic AI SaaS landing - WebGL hero, Lenis scroll, pricing and FAQ.