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)
Nikoloz Turazashvili (@axrisi) | Sciencx (2025-07-14T20:10:01+00:00) Axero Frontend Challenge: Workplace Moodboard – CSS Art Edition. Retrieved from https://www.scien.cx/2025/07/14/axero-frontend-challenge-workplace-moodboard-css-art-edition/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.