I iterated on the UI for my city design app, and simplified some of the panels. In this version I’m going for very minimal white colour theme. This is more common on the web than desktop GUIs. Desktop apps typically have grey or charcoal panels. Nowadays the distinction between web and desktop is very blurred anyway.

I aimed to follow the 60/30/10 rule for colour distribution. This being a 60% blue design, 30% white, and 10% bubble gum pink. It is only very slight pink line, so probably less than 10% to be sure, because of my fear of going too far with the accent.

I’m vectorizing some of my concept art using an isometric grid in Adobe Illustrator. There will be shading and colour too, this is just the shapes.

The first building is a graveyard and chapel, the name of this building is “Fear of Mortality”. Some of the crosses have a circle around them, they represent Bogomil graves.

The second building represents “Dream of Adventure”, it is an airport where the airplanes are birds. There is also an oriental dragon entwined around the control tower.

The final building has been constructed upside-down because of a bureaucratic error; The construction also seems to never have been completed. This represents the “Folly of Bureaucracy”.

Here’s the shaded version of my UI mock-up from the previous post. The colour accent is a global swatch, it’s easy to switch the blue to something else. Flat colour can look very brutalist, so I added a soft gradient to the neutral grey panels. I also simplified some of the decorative bits that were floating around.