Chinese ink (shan shui) Animated HTML website template

The sample page

Danmo. Ink painting studio on West Lake, Hangzhou.

The idea

The classes and the four treasures of the study become the inscription written in the empty space of an ink landscape, signed with a red seal reading 淡墨, “pale ink.”

What to try

Watch the ink bleed into the paper and paint the mountains, sweep the brush through the mist to find the pavilion (and startle the heron), then paint another landscape.

Made for

Art studios, schools, stationers, publishers and cultural brands

Palette

• #EFE8D8
• #F7F3EA
• #1C1B19
• #55534E
• #A19D94
• #B3362B

Typefaces

Instrument Serif + Source Serif 4

Cultural notes

• The seal reads 淡墨, the studio’s name, drawn from real font glyphs, never invented characters.
• A single red accent; mountains in three ink grays with over 40% of the paper left empty.
• The landscape is generated in code, copying no painting or painter, and is never labeled “zen” or Japanese.

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.