### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB)
#### Post date: [April 10, 2021, 12:41pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/1 "2021-04-10T12:41:48Z")
There has been a lot of excellent discussion about the GUI up to this point.
And I am actually really impressed with where it is now from where it was way back when!
> [@GUI Update](https://forum.revolutionarygamesstudio.com/t/gui-update/464):
>
> For those of you not keeping up with the conversation on Discord and Slack, some work has been going into revamping the GUI into a more minimal and streamlined layout.
>
> > **Minegamer's Concept**
> >
> > \[Thrive\_cell\_concept]\
>
> > **N…**
> >
> [@Microbe GUI](https://forum.revolutionarygamesstudio.com/t/microbe-gui/111):
>
> A continuation of discussion from these places: So…it seems we need a new GUI, because my old one sucks. Well, it doesn’t suck entirely, because some people like it, although I think they’re more attracted to the art style than the placement and design of individual buttons. Read my reply at the fourth link above if you want to know more. There are a couple of different opinions floating around on what actually needs to be changed. Some people think we just need a fixed text box, othe…
And also some discussion of things that are cross sectional between GUI and gameplay:
> [@Compound Colors](https://forum.revolutionarygamesstudio.com/t/compound-colors/169):
>
> Let’s figure our the colours first. The list I had posted was: Glucose - White Amino Acids - Pinkish Red Proteins - Darkish Red Calcium - Cream / Beige (If included) Hydrogen Sulfide - Light Yellow Oxygen - Light Blue Carbon Dioxide - Dark Blue Ammonia - Light Grey And the one from the GDD is: Agents - Variable Amino acids - Purple Ammonia - Yellow ATP - N/A Calcium - White Calcium carbonate - Cream Carbon dioxide - Red Glucose - Green Hydrogen - Orange Hydrogen cyanide - Bro…
It would be nice to centralize the things we like into a ‘source-of-truth’ GUI style guide.
The same should be done for overall visual direction too, in my opinion.
With an official record of the font, logo variations, color palette, aesthetic preferences, visual philosophy etc… future design additions would at least seem consistent. It seems especially important for a non-centralized team like this.
For example, a color pallet would be my first priority to put in the style guide.
Here are the colors I found after inspecting the current GUI.
Look how many different shades of green there are. My guess is these colors were added piece meal, one at a time. And it makes the overall look feel scattered. If we crafted a style guide, the color scheme (and other art) might look a little more unified.
Just as an example, take this:
Wouldn’t the compounds look better with more consistent contrast between the colors?
If there is appetite for this, let me know. I can start gathering things that have already been posted and try to put something together.
---
### Author:  [@hhyyrylainen](https://forum.revolutionarygamesstudio.com/u/hhyyrylainen)
#### Post date: [April 10, 2021, 12:49pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/2 "2021-04-10T12:49:37Z")
It would be very useful to display the hex colours in the colour palette as it will be much faster to use than downloading the image and opening it up to grab the hex codes from it.
I found the previous colour palette only posted on discord by @Narotiza
---
### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB)
#### Post date: [April 10, 2021, 12:52pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/3 "2021-04-10T12:52:31Z")
I totally agree, Hex values would be the right format for the official guide. The images we just an example of a way that I believe the current color scheme could be improved.
---
### Author:  [@DonGororo](https://forum.revolutionarygamesstudio.com/u/DonGororo)
#### Post date: [April 10, 2021, 1:20pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/4 "2021-04-10T13:20:30Z")
There’s already an UI guide in the GDD: [Microbe Stage GDD - Thrive Developer Wiki](https://wiki.revolutionarygamesstudio.com/wiki/Microbe_Stage_GDD#GUI)
---
### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB)
#### Post date: [April 10, 2021, 1:56pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/5 "2021-04-10T13:56:57Z")
Thanks for sharing that. That is an excellent start! In my opinion, a more comprehensive document is needed.
1. The guide should live outside the design document for a specific stage of the game. It should be global and cover GUI, 3D modeling style, background art, font, logo treatment, color scheme, design philosophy and mood boards to match, etc.
2. It should be readily apparent as a featured page on the development wiki (and in the Discord Links channel) since it will drive all visual efforts.
And lastly, I do think I am conflating two issues here. The one is having a prominent, fleshed out style guide. The other is the fact that I think some tweaks could be done to better the GUI. Apologies for double stuffing this topic.
---
### Author:  [@Narotiza](https://forum.revolutionarygamesstudio.com/u/Narotiza)
#### Post date: [April 11, 2021, 10:24am UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/6 "2021-04-11T10:24:54Z")
I definitely understand where you’re coming from with the desire for a more unified color palette, but it’s tricky because there’s a lot of compounds, environmental variables, and other bars that all need to be visually distinct from each other (otherwise, something like hydrogen sulfide might be the same color as ATP, which I believe would be ultimately more confusing), while also having meaningful colors in many cases. For instance, hydrogen sulfide’s yellow-green color references the color of sulfur, which also sets it apart from ATP and nitrogen. Furthermore any blue compounds will have to be distinct from oxygen and CO2, and any red compounds will have to be distinct from oxytoxy-NT and the player’s HP bar.
Definitely agree with starting a better style guide though! I’ve been stressing out too much about stuff that’s way out of my area of expertise and it’s been a while since I’ve thought about anything actually graphics-related
---
### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB)
#### Post date: [April 11, 2021, 1:00pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/7 "2021-04-11T13:00:48Z")
Glad to hear you agree with the need for a global style guide!
I tried to create the page “Visual Style Guide” on the wiki to start collecting things, but I was denied permission.
Could someone help me get the permissions necessary to start working on the style guide?
The first step is to simply gather what has already been decided/written/produced into one central place.
---
### Author:  [@hhyyrylainen](https://forum.revolutionarygamesstudio.com/u/hhyyrylainen)
#### Post date: [April 11, 2021, 1:11pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/8 "2021-04-11T13:11:58Z")
That error doesn’t look like one from mediawiki. Are you sure you are on the right site ([wiki.revolutionarygamesstudio.com](http://wiki.revolutionarygamesstudio.com))? There’s a link to login in the top right.
---
### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB)
#### Post date: [April 11, 2021, 1:13pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/9 "2021-04-11T13:13:00Z")
> [@Narotiza](#):
>
> it’s tricky because there’s a lot of compounds, environmental variables, and other bars that all need to be visually distinct from each other
I actually think we should side bar the unified color palette discussion for another thread…but let me just say this: we are placing too high a burden on the colors to communicate things. We also have a set of awesome icons. Let them do some of the heavy lifting. If we expect every single feature to get its own UI color, it’s going to end up looking really muddy.
The color section of this article is a great inspiration for what I mean:
> **[THE ONLY ADVICE YOU WILL NEED TO MAKE A GREAT GAME UI/UX](https://medium.com/ironequal/the-only-advice-you-will-need-to-make-a-great-game-ui-ux-74a0db8de642)**
>
> A humble share of our internal UX guidelines
---
### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB)
#### Post date: [April 11, 2021, 1:14pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/10 "2021-04-11T13:14:43Z")
> [@hhyyrylainen](#):
>
> Are you sure you are on the right site
I wasn’t on the right site! We should update the links channel in the discord. Right now it leads here:
[http://thrivegame.wikidot.com/](http://thrivegame.wikidot.com/)
---
### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB)
#### Post date: [April 11, 2021, 1:22pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/11 "2021-04-11T13:22:05Z")
OK. I have created this page on the wiki.
> **[Visual Style Guide](https://wiki.revolutionarygamesstudio.com/wiki/Visual_Style_Guide)**
>
> Visual Style Guide
![[Thrive\_cell\_concept]\ > > > **N…** > > > [@Microbe GUI](https://forum.revolutionarygamesstudio.com/t/microbe-gui/111): > > A continuation of discussion from these places: So…it seems we need a new GUI, because my old one sucks. Well, it doesn’t suck entirely, because some people like it, although I think they’re more attracted to the art style than the placement and design of individual buttons. Read my reply at the fourth link above if you want to know more. There are a couple of different opinions floating around on what actually needs to be changed. Some people think we just need a fixed text box, othe… And also some discussion of things that are cross sectional between GUI and gameplay: > [@Compound Colors](https://forum.revolutionarygamesstudio.com/t/compound-colors/169): > > Let’s figure our the colours first. The list I had posted was: Glucose - White Amino Acids - Pinkish Red Proteins - Darkish Red Calcium - Cream / Beige (If included) Hydrogen Sulfide - Light Yellow Oxygen - Light Blue Carbon Dioxide - Dark Blue Ammonia - Light Grey And the one from the GDD is: Agents - Variable Amino acids - Purple Ammonia - Yellow ATP - N/A Calcium - White Calcium carbonate - Cream Carbon dioxide - Red Glucose - Green Hydrogen - Orange Hydrogen cyanide - Bro… It would be nice to centralize the things we like into a ‘source-of-truth’ GUI style guide. The same should be done for overall visual direction too, in my opinion. With an official record of the font, logo variations, color palette, aesthetic preferences, visual philosophy etc… future design additions would at least seem consistent. It seems especially important for a non-centralized team like this. For example, a color pallet would be my first priority to put in the style guide. Here are the colors I found after inspecting the current GUI.  Look how many different shades of green there are. My guess is these colors were added piece meal, one at a time. And it makes the overall look feel scattered. If we crafted a style guide, the color scheme (and other art) might look a little more unified. Just as an example, take this:  Wouldn’t the compounds look better with more consistent contrast between the colors?  If there is appetite for this, let me know. I can start gathering things that have already been posted and try to put something together. --- ### Author:  [@hhyyrylainen](https://forum.revolutionarygamesstudio.com/u/hhyyrylainen) #### Post date: [April 10, 2021, 12:49pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/2 "2021-04-10T12:49:37Z") It would be very useful to display the hex colours in the colour palette as it will be much faster to use than downloading the image and opening it up to grab the hex codes from it. I found the previous colour palette only posted on discord by @Narotiza  --- ### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB) #### Post date: [April 10, 2021, 12:52pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/3 "2021-04-10T12:52:31Z") I totally agree, Hex values would be the right format for the official guide. The images we just an example of a way that I believe the current color scheme could be improved. --- ### Author:  [@DonGororo](https://forum.revolutionarygamesstudio.com/u/DonGororo) #### Post date: [April 10, 2021, 1:20pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/4 "2021-04-10T13:20:30Z") There’s already an UI guide in the GDD: [Microbe Stage GDD - Thrive Developer Wiki](https://wiki.revolutionarygamesstudio.com/wiki/Microbe_Stage_GDD#GUI) --- ### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB) #### Post date: [April 10, 2021, 1:56pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/5 "2021-04-10T13:56:57Z") Thanks for sharing that. That is an excellent start! In my opinion, a more comprehensive document is needed. 1. The guide should live outside the design document for a specific stage of the game. It should be global and cover GUI, 3D modeling style, background art, font, logo treatment, color scheme, design philosophy and mood boards to match, etc. 2. It should be readily apparent as a featured page on the development wiki (and in the Discord Links channel) since it will drive all visual efforts. And lastly, I do think I am conflating two issues here. The one is having a prominent, fleshed out style guide. The other is the fact that I think some tweaks could be done to better the GUI. Apologies for double stuffing this topic. --- ### Author:  [@Narotiza](https://forum.revolutionarygamesstudio.com/u/Narotiza) #### Post date: [April 11, 2021, 10:24am UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/6 "2021-04-11T10:24:54Z") I definitely understand where you’re coming from with the desire for a more unified color palette, but it’s tricky because there’s a lot of compounds, environmental variables, and other bars that all need to be visually distinct from each other (otherwise, something like hydrogen sulfide might be the same color as ATP, which I believe would be ultimately more confusing), while also having meaningful colors in many cases. For instance, hydrogen sulfide’s yellow-green color references the color of sulfur, which also sets it apart from ATP and nitrogen. Furthermore any blue compounds will have to be distinct from oxygen and CO2, and any red compounds will have to be distinct from oxytoxy-NT and the player’s HP bar. Definitely agree with starting a better style guide though! I’ve been stressing out too much about stuff that’s way out of my area of expertise and it’s been a while since I’ve thought about anything actually graphics-related --- ### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB) #### Post date: [April 11, 2021, 1:00pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/7 "2021-04-11T13:00:48Z") Glad to hear you agree with the need for a global style guide! I tried to create the page “Visual Style Guide” on the wiki to start collecting things, but I was denied permission.  Could someone help me get the permissions necessary to start working on the style guide? The first step is to simply gather what has already been decided/written/produced into one central place. --- ### Author:  [@hhyyrylainen](https://forum.revolutionarygamesstudio.com/u/hhyyrylainen) #### Post date: [April 11, 2021, 1:11pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/8 "2021-04-11T13:11:58Z") That error doesn’t look like one from mediawiki. Are you sure you are on the right site ([wiki.revolutionarygamesstudio.com](http://wiki.revolutionarygamesstudio.com))? There’s a link to login in the top right. --- ### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB) #### Post date: [April 11, 2021, 1:13pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/9 "2021-04-11T13:13:00Z") > [@Narotiza](#): > > it’s tricky because there’s a lot of compounds, environmental variables, and other bars that all need to be visually distinct from each other I actually think we should side bar the unified color palette discussion for another thread…but let me just say this: we are placing too high a burden on the colors to communicate things. We also have a set of awesome icons. Let them do some of the heavy lifting. If we expect every single feature to get its own UI color, it’s going to end up looking really muddy. The color section of this article is a great inspiration for what I mean: > **[THE ONLY ADVICE YOU WILL NEED TO MAKE A GREAT GAME UI/UX](https://medium.com/ironequal/the-only-advice-you-will-need-to-make-a-great-game-ui-ux-74a0db8de642)** > > A humble share of our internal UX guidelines --- ### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB) #### Post date: [April 11, 2021, 1:14pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/10 "2021-04-11T13:14:43Z") > [@hhyyrylainen](#): > > Are you sure you are on the right site I wasn’t on the right site! We should update the links channel in the discord. Right now it leads here: [http://thrivegame.wikidot.com/](http://thrivegame.wikidot.com/) --- ### Author:  [@NathanB](https://forum.revolutionarygamesstudio.com/u/NathanB) #### Post date: [April 11, 2021, 1:22pm UTC](https://forum.revolutionarygamesstudio.com/t/style-guides/785/11 "2021-04-11T13:22:05Z") OK. I have created this page on the wiki. > **[Visual Style Guide](https://wiki.revolutionarygamesstudio.com/wiki/Visual_Style_Guide)** > > Visual Style Guide](https://thrivedevforum-uploads.b-cdn.net/original/1X/70dfec56ca1f34c30c290a6ad30c268a841ec82b.png){kind=link}