This is a submission for Frontend Challenge: Office Edition sponsored by Axero, CSS Art: Office Culture.
Inspiration
I wanted to capture the warmth and personality of a modern workspace — from the ritual of brewing your morning coffee to the little desk companions (a potted plant, a feline friend) that keep us company when we’re heads‑down on code. By combining clean geometric shapes with soft gradients and subtle shadows, I aimed to evoke that “cozy productivity” vibe: you can almost hear the mechanical keyboard clicks and feel the glow of your monitor.
Demo
Live view:
Code:
Journey
- Started with quick sketches and picked a calm purple‑gray palette.
- Assembled each desk item by layering simple shapes and colors.
- Learned how subtle shading brings flat art to life.
License: MIT
Feel free to fork, remix, and build on top of this CSS art!
Top comments (3)
Looks really good, however the Demo URL is working fine, but the codesandbox.io refuse to connect. Try to fix it ASAP
Works fine for me on different devices. Can you try from incognito mode or different browser?
Yeah, It works now, guess it was a browser issue :)