> For the complete documentation index, see [llms.txt](https://steijn.gitbook.io/devlogs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://steijn.gitbook.io/devlogs/devlog-personal/duos/ui-visuals.md).

# UI Visuals

What would be a good way to convey our story through the visualisation in the UI?

Our UI consists of a main border/inventory, a tower inventory and their texts. I wanted to look at different games with similar stories 

We've settled on a blue/grey clolorscheme and managed to find some fitting bezels. to use for the UI as well as for the inventory screens. 

![](/files/-MYs_Suske_1AnAsMtAt)

using this and our color scheme for buttons and the like will lead us to the end result: 

![](/files/-MYsfG0Kxq4cJaUvmFDX)

This is our final result and it ended up looking just like we intended

We also required a tower inventory display which also displayed the tower's stats and current targeting method. 

The first iteration: 

![](/files/-MYshA7aQ1oRpocw_wzl)

was far from what we were looking for, this was just a quickly put together screen for functionality > looks. 

later down the line we agreed upon having more time left to work on the visualisation, so we decided to remake the tower inventory to fit the regular inventory UI. 

![](/files/-MYsgsgtVU6vPW9xH63X)