Clay 3D Animated HTML website template

The sample page

Amasa. Gentle habit app with a clay buddy.

The idea

Each habit becomes a colored pinch of clay that Plof sticks on its body, and it makes Plof grow.

What to try

Tap the figures to make them bounce, move your cursor so Plof follows it, and pick a habit to make its object hop to the front.

Made for

Apps, education, health and friendly brands

Palette

• #FFF7EE
• #2B2340
• #C9B8FF
• #FFC4A8
• #A8EBD0
• #A9D4FF

Typefaces

Fredoka + Nunito

Cultural notes

• An original mascot: a lavender dollop with a thumbprint, nothing like app mascots or clay-animation studio characters.
• No health promises and no made-up numbers, just small ways to start.
• All text in dark ink on cream or pastel, with AA contrast.

The HTML

What you download

• A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
• In English and Spanish, tested on desktop and mobile.
• Instructions for changing copy, colors, language and prices, plus its license.