CSS Zen Garden - CSS web design

CSS-Zen-Garden mockup

The CSS Zen Garden is a kind of baptism of fire for web designers and one of the first internet challenges for web developers. You get an HTML page and have to make it beautiful with CSS ONLY.

You get a blank HTML page and need to make it pretty with ONLY CSS. It is forbidden to touch the HTML document.
This was our submission to CSS Zen Garden. As you can see, we took inspiration from the name Zen Garden and interpreted it as a Japanese Restaurant.

It also shows that our love for character design has been with us since the early days, as this design is now more than 15 years old.
And today our character design is currently thriving more than ever in our own product line and art project, Pixipop.

In 2023, you can not participate in the official CSS Zen Garden Challenge anymore. csszengarden.com still exists, but at this moment, the website seems a bit abandoned. But at this moment But in its heyday, the CSS Zen Garden website changed stylesheet almost through new submissions.

It’s sad that not longer maintained. It was amazing way to show the power off CSS, by continuously showing different very different web designs, who all share the some HTML code.


Similar work

View portfolio →

Follow us


© 2023 Studio Pixili
All Assets shown on this sites (Photos, Animations, Video, illustrations, text) are created by Studio Pixili and may not be shared commercially without express permission.