← All website designs
Schools & Education · Free to copy

Firefly

A dusk-and-gold design for the summer camp that sells out by March.

Preview live

Yours in seconds, on your own URL. Free.

Firefly summer camp website template — full design preview
Warm cream, deep pine, and merit patches drawn in code. Sessions, spots left, and the parents' FAQ all live one ask away from your agent. Open the live demo

The design, up close

Every section ships exactly like this — swap the words and photos for yours.

No editor to fight. Just ask.

Once it's yours, your AI (Claude, ChatGPT, Cursor…) stays connected — these are real requests it handles.

“Session Two is down to 2 spots and Session Three just filled. Update the availability column and mark Session Three as waitlist.”
“Swap the hero for the drone shot of our lake I uploaded and rename the camp to Camp North Star everywhere.”
“Move the 2027 sessions to June 20, July 5, and July 19 starts, and raise tuition to $2,800.”
“Add a FAQ entry about medication: our nurse stores and administers everything, including as-needed meds.”
“Draw a campfire patch badge for the Campfire cooking card, matching the stitch style of the canoe and archery patches.”

Design details

A sessions table with real numbers

Dates, ages, tuition, and honest spots-left counts, with a waitlist state built in. When Session Two drops to three spots, updating it is one sentence to your agent.

Merit patches drawn in code

Canoe, arrow, and star badges as hand-drawn SVG patches, dashed stitch ring included. No icon pack, no image files, and they retint with one variable.

A camp day, reveille to taps

The full daily rhythm from 7:00 flag to 9:15 lights-out, set as a clean timeline. Parents read it and relax. Kids read it and start packing.

One dusk-dark evening section

The page drops to deep pine for campfires, song circles, and the firefly walk, with CSS fireflies drifting through it. The signature moment of the design.

A parents' FAQ that says the quiet parts

Phones, homesickness, refunds, and what actually happens on night three, answered like a director who has seen fifty summers.

Care credentials where parents look first

The 1:6 ratio, the 24/7 nurse, and background checks get their own section with oversized numbers, because that is the section that closes the sale.

How it works

01

Copy it

One click puts this exact site on your account, live at your-name.hatchable.site. The code is yours — no lock-in, no "Powered by."

02

Make it yours

Connect your AI and talk: "swap in my photos," "change the name to Lupa," "rewrite the about page." It edits the real files and redeploys in seconds.

03

Point your domain

Keep the free URL forever, or put the site on your own domain when you're ready.

Start with Firefly tonight.

Free to copy, live in seconds, and every future edit is one sentence to your AI away.