Persian rugs Animated HTML website template

The sample page

Gereh. Hand-knotted rugs and repairs, Isfahan.

The idea

Each knot becomes a pixel, and the rug weaves itself row by row on the warp until its medallion appears.

What to try

Watch it weave itself, then run your cursor over the rug to brush its pile, or put another rug on the loom from “See the rugs.”

Made for

Rug stores, hotels, home decor and restaurants

Palette

• #F1E8D7
• #8E1B1B
• #1E2F5B
• #C08A2E
• #2F5E4E
• #3A2418

Typefaces

Cormorant Garamond + Commissioner

Cultural notes

• Original symmetric designs; no famous rugs (not even the Ardabil) and none tied to a named workshop.
• No Persian script on screen, only checked romanized names; no inscriptions, no politics and no Orientalist clichés.
• Text never sits on the rug and meets 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.