Axero Frontend Challenge: Workplace Moodboard – CSS Art Edition



This content originally appeared on DEV Community and was authored by Nikoloz Turazashvili (@axrisi)

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!


This content originally appeared on DEV Community and was authored by Nikoloz Turazashvili (@axrisi)