Luxury real estate tower
Altura Residences
A one take real estate film: scroll from the street through the lobby and up a glass elevator to the penthouse.
▶ Immersive scrollDark
Hearth & SaltLive fire restaurant website design
A sizzling steak film over live fire, with a hearth thermometer that climbs to 900 degrees as you scroll.
Hearth & Salt pushes in slowly on a sliced ribeye while embers spark behind it. As the visitor scrolls, a live hearth panel climbs toward 900 degrees and counts dry aging days and core temperature. The menu, tonight's specials and a table request form keep the page focused on bookings.
Best for
- Restaurants
- Steakhouses and grills
- Bars and supper clubs
- Private dining
Immersive scroll · Dark theme · Updated 2026-10-25
yourbrand.comFull screen ↗
Scroll inside the preview, or open the full demo.
Animations inside
- Scroll scrubbed steak and fire film
- Live hearth panel (heat, aging, core temperature, rest)
- Blur and rise chapter captions
- Chapter progress rail
- Menu cards with prices
- Table request form
Sections
- Scroll film hero
- Ingredients marquee
- Menu cards and stats
- Tonight menu list
- Reservation form
- Footer
Best for
- Restaurants
- Steakhouses and grills
- Bars and supper clubs
- Private dining
What you get
- A single index.html with all the markup, styles and animation code
- An assets folder with the images, fonts and frames it uses
- No build step: open the file in a browser and it runs
- Works on any static host: Netlify, Vercel, Cloudflare Pages, S3 or cPanel
- Free licence for personal and commercial use
- A credit link to axionry.com is appreciated, not required
Done for you
Want Hearth & Salt live on your domain this week?
We customise Hearth & Salt with your brand, copy and photos, shoot or generate your own scroll film, wire in your forms, booking, WhatsApp and analytics, and launch it on your domain, fast and search-ready.
This design, customised
from $1,000
Fully custom design
from $2,500
* Exact pricing is always decided once we connect.
FAQ
Common
questions.
Straight answers. If yours isn't here, ask on a 20-minute call.
Is the Hearth & Salt website design free for commercial use?+
Yes. Hearth & Salt is free for personal and commercial use, including client work. Edit it, rebrand it and host it anywhere. You may not resell or redistribute the design itself. A credit link to axionry.com is appreciated, never required.
What animations are in Hearth & Salt?+
Hearth & Salt includes: scroll scrubbed steak and fire film; live hearth panel (heat, aging, core temperature, rest); blur and rise chapter captions; chapter progress rail; menu cards with prices; table request form. All of it is vanilla HTML, CSS and JavaScript in one file, with no framework or animation library to install.
How much does it cost to customise Hearth & Salt for my business?+
Having Hearth & Salt customised with your brand, copy, photos, your own scroll film and your forms, booking and analytics, then launched on your domain, starts from $1,000. A fully custom design starts from $2,500. Exact pricing is always decided once we connect.
How do I edit a website design?+
Unzip the download and open index.html in any code editor. The text, colours and images are plain HTML and CSS, and the animations are vanilla JavaScript in the same file, with no framework and no build step. Save the file, refresh the browser and you see the change.
Where can I host a website design?+
Anywhere that serves static files: Netlify, Vercel, Cloudflare Pages, GitHub Pages, an S3 bucket or ordinary shared hosting. Upload the folder, point your domain at it and it works. There is no server or database to run, so hosting is usually free or close to it.
How does the immersive scroll effect work?+
The film is exported as a sequence of compressed still frames. As the visitor scrolls, a small script works out how far through the section they are and draws the matching frame on a canvas, so the scroll bar becomes the playhead. It is the same technique Apple uses on its product pages, with no video player involved.
Do I need to know how to code?+
Changing text, colours and images takes basic HTML, and every section is clearly separated in the file. For anything bigger, such as new pages, a CMS, a booking system or a store, we can customise it for you and have it live on your domain within a week.
More website designs
You might also like
Specialty coffee roaster and cafe
Kiln Coffee Roasters
A macro espresso film that pours as you scroll, with a live extraction gauge counting to 28 seconds.
Luxury watchmaker
Halden Horlogerie
A skeleton watch film that orbits into the movement as you scroll, with a beat counter climbing to 28,800.