Sashiko Animated HTML website template

The sample page

Tsugime. Visible-mending workshop in Kuramae, Tokyo.

The idea

A torn knee becomes a sashiko canvas, and every move of your cursor is a stitch that mends it in plain sight.

What to try

Move your cursor over the denim to keep the needle stitching the patch, and switch between the seigaiha, asanoha and shippō patterns.

Made for

Repair shops, denim, slow fashion and textiles

Palette

• #14213A
• #1E3557
• #2E4E7A
• #F3EFE6
• #B23A48
• #AEB8C8

Typefaces

Klee One + Commissioner

Cultural notes

• Seigaiha, asanoha and shippō follow their traditional geometry with romanized names, with no decorative Japanese characters.
• No real denim brands; text always sits on a solid ground, never on the cloth.
• Sashiko is credited as the Japanese running stitch that was born to reinforce cloth.

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.