DEV Community

Cover image for Axero Frontend Challenge: Workplace Moodboard – CSS Art Edition

Axero Frontend Challenge: Workplace Moodboard – CSS Art Edition

Frontend Challenge CSS Art Submission

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)

Collapse
 
pravesh_sudha_3c2b0c2b5e0 profile image
Pravesh Sudha

Looks really good, however the Demo URL is working fine, but the codesandbox.io refuse to connect. Try to fix it ASAP

Collapse
 
axrisi profile image
Nikoloz Turazashvili (@axrisi)

Works fine for me on different devices. Can you try from incognito mode or different browser?

Collapse
 
pravesh_sudha_3c2b0c2b5e0 profile image
Pravesh Sudha

Yeah, It works now, guess it was a browser issue :)