Fossil Hall — A Natural History Museum
Brush the sandstone off a buried ammonite, then scroll from 541 million years ago to today.
A light natural history museum site: giant outlined initials fill crimson under the pointer, a T-rex skeleton photo carries bone hotspots, a dig pit lets you brush sandstone off an ammonite to log the specimen, a scroll-driven counter runs from 541 million years to today, and a ticket builder closes the page. It is one self-contained HTML file — inline CSS and JavaScript, no framework and no build step — with one AI-generated hero image. Under the hood: Vanilla JS, canvas dig pit with a soft erasing brush over an SVG fossil, giant outlined initials that fill crimson under the pointer, sticky scroll-driven "million years ago" counter, cover-aware hotspots on the hero photo. What a visitor can do: brush the sediment away to uncover an ammonite and log the specimen, hover the hero to pour crimson into the outlined initials and open skeleton hotspots, scroll through 541 million years of eras, build a ticket order with steppers and time slots. Best for: Museums & science centres, Galleries & heritage sites, Exhibitions & touring shows, Visitor attractions with timed tickets. The exact image prompts are included, so the art can be regenerated or restyled with any image model.
Paste the prompt intoClaude CodeCursorAntigravityWindsurfLovableBoltv0
What's in the source
6 files — one self-contained page that opens in a browser, with the prompt that made it.
fossil-hall/ ├─ assets/ 1 file ├─ PROMPT.md ├─ index.html └─ … 3 more
How to run this
Nothing to install and nothing to configure. Works in any modern browser on Windows, macOS and Linux.
- Built with
- Single HTML file
- Requires
- A modern browser
- 1. Unzip the download.
- 2. Double-click index.html. It opens in your browser and runs. To serve it instead (some browsers want a server), run
npx serve .in the folder and openhttp://localhost:3000.
Note — Opens by double-clicking index.html: the CSS and JavaScript are inline and the hero art sits next to it in assets/. Its typefaces load from Google Fonts, with system fallbacks if they cannot. Upload the folder to any static host and it is live.
Questions about Fossil Hall
Who is Fossil Hall for?
Fossil Hall is for designers, developers and agencies who want a site that moves like film and doesn't look like a template. Ask your AI to make it about your brand and it rewrites the copy, colours and images around the same build.
What is Fossil Hall built with?
Fossil Hall is built with HTML/CSS/JS. The source is a single HTML file: open it in a browser and it runs, with no build step. The prompt is written for coding agents such as Claude Code, Cursor and Antigravity.
Can I use Fossil Hall for a client project?
Yes. Every purchase includes a commercial licence: use it in your own projects and in work you deliver to clients, including paid client work, change and rebrand it, and publish the result with no credit needed. What you can't do is resell, share or republish the prompt or the source files themselves.
Should I buy the prompt or the source?
The prompt is the written brief that built the design: paste it into a coding agent such as Claude Code, Cursor or Antigravity and it builds the site on your computer, which you then refine. The source is the finished project itself, ready to run exactly as the preview shows. The source always includes the prompt.
Will the prompt give me exactly the preview?
Not exactly, and that's expected. A prompt is a starting point: AI output varies between tools and between runs, so plan to refine spacing, timing and copy. The source pack is the preview itself, finished and running.
Can I get a refund?
Single designs are final once delivered, unless something is wrong on our side: a broken or empty download, a pack that isn't what its page describes, or a double charge. Then email support@brandmotion.in with your receipt and we fix it or refund it. The full terms are on the refunds page.
More like this
Browse the store →
PremiumArchive of Light — A Digital Museum
Scroll and fly into sunlit clouds full of doves, and the stacked title splits apart to let you into the collection.
PremiumHalcyon — A Research Journal in Six Chapters
An astronaut drifting through dusk clouds opens a six-chapter research journal, with a chapter rail that fills as you read.
PremiumMargin — A Long-Read Newsletter
A reader with a glowing book, circled by rings of light that speed up and brighten as your cursor gets close.
