This is a submission for Frontend Challenge: Office Edition sponsored by Axero, CSS Art: Office Culture.

Inspiration

I wanted to make a small, neat digital workspace. Something that looks calm, clean, and a bit personal. I enjoy plants and simple art, so I added those. I kept everything light and minimal so it's easy on the eyes and feels good to look at.

Demo

You can visit to this GitHub Pages deployment for a full screen experience:
Live Site

⭐ GitHub Repo 👇

Journey

I started with a basic desk and added each item one by one:

First, I added the computer, keyboard, and mouse.
Then I placed a water bottle and a small stack of papers with a pen.
I added a lamp to use during late-night work.
Finally, I put a plant in a pot. I really like plants, so I had to include one.
After that, I made a simple animated background. I added two posters from Pexels, one with leaves and one with clouds. The font I used for the title is called Englebert. I found it on Google Fonts and liked how it looked.

I also checked CodePen for ideas and used parts from two pens to help with the lamp and plant. There are many other things I could add like a chair, bookshelf, or headphones, but I wanted to keep it simple.

Each thing has a reason. The papers are for quick notes, the bottle is to stay hydrated, the lamp is for focus, and the plant is just something I enjoy having around.

Thanks for reading, and I look forward to connecting with you again soon!

Follow me for more content like this!

Twitter | GitHub | YouTube