Skip to main content
The hero introduces a fictional animated kids’ farming series, “Hollyoak’s Plucky Sprout Squad”, from a studio called Meadowbell. It sits under Animated in Mainframe.
Painted scene of a boy and a beagle lying on a grassy hill under a big blue sky with clouds, the title Hollyoak's Plucky Sprout Squad, Join us and Watch preview buttons, and a Chapters row

The demo: the series title, buttons and chapters over the painted hillside

Who it is for

It fits studios, shows, books and family brands that want a warm, hand-painted first screen, and anyone who wants subtle motion without heavy code.

What it does

  • One file. A single index.html with plain HTML, CSS and JavaScript. No framework and no build step.
  • Painted scene made of one still image, brought to life by a looping video of the same picture: the grass ripples, the boy’s hair and the dog’s ears move, the clouds drift. Nothing in the scene is drawn in code.
  • Navbar with the Meadowbell logo, a translucent pill (Farm, Gear, Chapters, Our Crew) and a Join us button.
  • Title block with the series name, a short subline, Join us and Watch preview.
  • Chapters row of three illustrated cards that lift on hover.
  • Entrance animation where the headline springs up line by line. Reduced motion turns off the video and transitions.
  • Phones get a stacked layout and a swipeable chapters row.

What it needs

  • No OpenFinance key and no trading.
  • GitHub and Vercel to keep the code and deploy it.
  • Stack: plain HTML, CSS and JavaScript. Output: a single index.html.

Deploy it

1

Check the demo

Watch the grass and clouds move.
2

Deploy

Click Deploy on the card.
3

Ship it

Push to GitHub and deploy to Vercel from the chat.

Ideas to customize

Try requests like these once it is built:

Limits

  • It is one hero screen; the nav links and buttons are placeholders until you point them somewhere.
  • The layout is measured on a fixed frame, so moving elements by hand can break the alignment with the artwork. Describe the change and let the builder adjust the coordinates.
  • The artwork and video come from outside hosts named in the prompt. Use your own art for a real show.