Obangsaek and dancheong Animated HTML website template

The sample page

Cheoma. Dancheong workshop in Seongsu, Seoul.

The idea

A commission comes together in three steps, the way a dancheong eave is painted: pattern tracing, pouncing and color, lightest to darkest.

What to try

Watch the eaves paint themselves direction by direction, hit “Paint it again” to replay it, and pick what you want painted to build a commission.

Made for

Craft workshops, restoration, architecture and studios

Palette

• #3E8E6E
• #1F5AA6
• #C8322B
• #E8B931
• #F2EFE6
• #1A1A1A

Typefaces

Gowun Batang + Gowun Dodum

Cultural notes

• Original geometric patterns, no lotuses, dragons or temple motifs.
• No real eave, palace or temple copied; the five colors keep their cardinal order.
• Pigments and craft steps described without overselling; the only hangul is 처마 (eaves), checked.

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.