# Sprite DX - Web UI - Mockup

Today, I completed the mockup designs for the SpriteDX Web UI and Logo design in Figma.

## UI Mockup

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1755040411232/aabc99f2-c2f4-4e10-85be-9737146896e5.png align="center")

SpriteDX is designed as a production-focused tool. We’ve chosen a dark theme and a content-first layout to align with the look and feel of other professional creative suites.

## Logo Design

Had a few iterations of logo design but settled with monochrome version (at the very right). Just needed something distinct and memorable, so I went with just combining S, D and X.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1755040476876/2da936c7-e206-493e-a884-0238d424958b.png align="center")

## Next Steps

I think I have the basic idea what I need to code. I will get started with blocking out the UI and building UI components in React. Wish me luck!

— Sprited Dev 🌱