KMM animated logo

I created a proof of concept to see how far I could go in recreating Edenspiekermann’s Kröller-Müller Museum animated logo with HTML and CSS.

The original / image version

The coded version

Update: 06-06-2023

I updated this as I came across it and I turned it into an Astro component (which renders plain HTML for the end-user). Now it is an easy-to-use component with options to set: backgroundColor, inverted, animated.

<KmLogo
    animated="true"
/>

or inverted:

<KmLogo
    inverted="true"
/>

Shows an inverted version: Blue on white still image.

Or using one of the predetermined colours like lightgreen

<KmLogo
  backgroundColor="lightgreen"
/>

---

Edo van Dijk – Creative Director at Edenspiekermann and Co-Founder – wrote a blogpost about this and asked me a few questions.

Read it on Edenspiekermann’s website.