Washi and origami Animated HTML website template

The sample page

Ichimai. Handmade paper shop in Kyoto.

The idea

A single sheet of kozo becomes the shop window: the Miura fold closes and opens it in one motion, and raking light reveals its fibers.

What to try

Drag the paper or use the slider to fold and unfold it, and move your cursor to sweep the raking light across the fibers.

Made for

Stationery shops, education and product launches

Palette

• #F4EFE4
• #E2D6C0
• #B9A88C
• #C8433A
• #A8352D
• #2F3A4A

Typefaces

Shippori Mincho + M PLUS Rounded 1c

Cultural notes

• One sheet, no cuts or glue: the Miura fold is simulated as true rigid origami.
• Washi made from kozo, gampi and mitsumata by family workshops all over Japan; the workshop uses Kurotani kozo from northern Kyoto.
• No real temples or shrines, decorative cranes, geishas, rising-sun rays or Japanese characters.

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.