MageTools Sharing Image

MageTools (https://mage.tools) is a faster, easier alternative to DevTools for anyone who works with CSS. I handled the design (logo, UI, landing page, etc.) and development (wrote all the code in React).

Designing a UI like this was a very fun project; with so much data, you need to take full advantage of coloring and spacing to make sure the interface is easily scannable. I stuck to a simple color palette — primarily black, bright pink, and bright blue — and ended up going through several redesigns before arriving at this.