Kolam Animated HTML website template

The sample page

Pulli Kaapi. Filter coffee in Mylapore, Chennai.

The idea

The café’s name is the central pulli: the one big dot that a single line of rice flour loops around without touching.

What to try

Watch the dots go down and one line of rice flour loop around them without lifting, then press “Draw another kolam” to wash the doorstep and draw a new one.

Made for

Cafés, restaurants, textiles and wellness

Palette

• #1C1815
• #2A2521
• #F3EDE1
• #E3A64C
• #BDB3A2
• #1D2B45

Typefaces

Tiro Tamil + Hind Madurai

Cultural notes

• Kolam, not rangoli: white rice flour, a dot grid and one single line.
• An everyday habit, with no deities, temples or religious symbols.
• Every line is checked to be one closed curve on the grid.

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.