We need to redesign our logo so that it can be used in our new design #908

Closed
opened 2026-05-12 08:47:16 +00:00 by a22erigr · 18 comments
Collaborator

Description

https://canva.link/q6dupgg4bz9wiq7

Originally posted by @b25marem in #150 (comment)
When creating our new design the logo does not have enough contrast. We need to change the icon so the contrast is better in our new design. #843 (comment)

What should be done.

  • Change the logos color so that it is visible in both dark and light mode
## Description https://canva.link/q6dupgg4bz9wiq7 _Originally posted by @b25marem in https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/150#issuecomment-5240_ When creating our new design the logo does not have enough contrast. We need to change the icon so the contrast is better in our new design. https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/843#issue-883 ## What should be done. + Change the logos color so that it is visible in both dark and light mode
Collaborator

Suggestion of how they could look to increase visibility

image
image

Suggestion of how they could look to increase visibility ![image](/attachments/4fc61e65-bc98-4f21-bfc0-651d3f036122) ![image](/attachments/c7e7bcba-45a0-46bf-93f1-d4c50b515c8d)
195 KiB
164 KiB
Collaborator

Requesting review from @b24jonel

Requesting review from @b24jonel
Collaborator

A thought: maybe use colors that still work with our colors, the navbar will change so that the logo will have a lighter background rather than a dark one. The logo still needs to be modifed but maybe some colors can still be there? Will wait for the review.

A thought: maybe use colors that still work with our colors, the navbar will change so that the logo will have a lighter background rather than a dark one. The logo still needs to be modifed but maybe some colors can still be there? Will wait for the review.
Collaborator

Tried setting the background to the green themes background colors, could be a bit difficult to see because of the shade. This is another reworked version where it is pure black and pure white with the green themes background colors.

All versions still exist in the canva link.
I think it is still the best to keep it in black/white since there are multiple themes that use different shades.

image
image

Tried setting the background to the green themes background colors, could be a bit difficult to see because of the shade. This is another reworked version where it is pure black and pure white with the green themes background colors. All versions still exist in the canva link. I think it is still the best to keep it in black/white since there are multiple themes that use different shades. ![image](/attachments/603888de-5be6-451d-9fce-eb26dcf092a7) ![image](/attachments/97142bb4-1a43-4e1b-bc97-32f2494014cf)
221 KiB
241 KiB
Collaborator

Maybe we should wait until the new colors are implemented, PR: #1080

Maybe we should wait until the new colors are implemented, PR: https://git.webug.se/Andras/BoundlessFlowCampus2K/pulls/1080
Collaborator

After looking at the new versions you uploaded i agree that we should keep them black and white however there still should be more contrast in the logo instead of only white, but the black version i think is very good.

After looking at the new versions you uploaded i agree that we should keep them black and white however there still should be more contrast in the logo instead of only white, but the black version i think is very good.
Collaborator

@a24julot wrote in #908 (comment):

Maybe we should wait until the new colors are implemented, PR: #1080

I agree, we we should wait until the new colors are implemented and then see how the logo looks

@a24julot wrote in https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/908#issuecomment-12685: > Maybe we should wait until the new colors are implemented, PR: #1080 I agree, we we should wait until the new colors are implemented and then see how the logo looks
Collaborator

image
This is the white one with a bit more of a gray shading against the new blue navbar

And this is an experiment where the old logo just got "lighter" (against the new blue navbar)
image

![image](/attachments/1ecb7ce1-814b-4daa-b6c9-6c353a9fb705) This is the white one with a bit more of a gray shading against the new blue navbar And this is an experiment where the old logo just got "lighter" (against the new blue navbar) ![image](/attachments/688769fe-fe2f-46ac-8914-323b183cfe10)
124 KiB
169 KiB
Collaborator

image

The new white logo looks much better, however the part in the picture i sent looks too bright and it's almost impossible to see that there is a pattern, i think either the pattern should be darker or the background should be darker so the pattern pops out more.

![image](/attachments/32621a9a-666d-46ea-a0e2-1bd8a0e36b82) The new white logo looks much better, however the part in the picture i sent looks too bright and it's almost impossible to see that there is a pattern, i think either the pattern should be darker or the background should be darker so the pattern pops out more.
Collaborator

PR: #1080 is still not merged, so this should wait until it is.

PR: #1080 is still not merged, so this should wait until it is.
Collaborator

image

Im not sure how to change the color of that part of the pattern, or if its even possible to do it cleaner for free. But this is with some cleanup, I suspect it wont be too visible since the logo is tiny.

![image](/attachments/17a3e4c0-7860-4d05-8b50-6b872a95e250) Im not sure how to change the color of that part of the pattern, or if its even possible to do it cleaner for free. But this is with some cleanup, I suspect it wont be too visible since the logo is tiny.
181 KiB
Author
Collaborator

@a24julot wrote in #908 (comment):

PR: #1080 is still not merged, so this should wait until it is.

it has now been merged

@a24julot wrote in https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/908#issuecomment-13228: > PR: #1080 is still not merged, so this should wait until it is. it has now been merged
Author
Collaborator

@b24idalu We the leaders like the logo. Before approving we would like if you added the images to the updated navbar. Just so we can se how the contrast is

@b24idalu We the leaders like the logo. Before approving we would like if you added the images to the updated navbar. Just so we can se how the contrast is
Collaborator

image
image

This is an example using both the light and dark version. I feel like it is kind of lacking compared to the one we currently have however.

![image](/attachments/cfe1d7b1-53c8-49d2-a670-e1ba0cfb19d7) ![image](/attachments/f64e8dc6-4df4-40a0-bfdb-0de448e4f38a) This is an example using both the light and dark version. I feel like it is kind of lacking compared to the one we currently have however.
Author
Collaborator

@b24idalu wrote in #908 (comment):

image image

This is an example using both the light and dark version. I feel like it is kind of lacking compared to the one we currently have however.

I agree, but the the old logo did not have enough contrast.

@b24idalu wrote in https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/908#issuecomment-13818: > [![image](/attachments/cfe1d7b1-53c8-49d2-a670-e1ba0cfb19d7)](/Andras/BoundlessFlowCampus2K/attachments/cfe1d7b1-53c8-49d2-a670-e1ba0cfb19d7) [![image](/attachments/f64e8dc6-4df4-40a0-bfdb-0de448e4f38a)](/Andras/BoundlessFlowCampus2K/attachments/f64e8dc6-4df4-40a0-bfdb-0de448e4f38a) > > This is an example using both the light and dark version. I feel like it is kind of lacking compared to the one we currently have however. I agree, but the the old logo did not have enough contrast.
Collaborator

@b24idalu wrote in #908 (comment):

image image

This is an example using both the light and dark version. I feel like it is kind of lacking compared to the one we currently have however.

I agree with you, the issue was to get better contrast but kinda feels like it lost the "personality" of the loggo

@b24idalu wrote in https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/908#issuecomment-13818: > [![image](/attachments/cfe1d7b1-53c8-49d2-a670-e1ba0cfb19d7)](/Andras/BoundlessFlowCampus2K/attachments/cfe1d7b1-53c8-49d2-a670-e1ba0cfb19d7) [![image](/attachments/f64e8dc6-4df4-40a0-bfdb-0de448e4f38a)](/Andras/BoundlessFlowCampus2K/attachments/f64e8dc6-4df4-40a0-bfdb-0de448e4f38a) > > This is an example using both the light and dark version. I feel like it is kind of lacking compared to the one we currently have however. I agree with you, the issue was to get better contrast but kinda feels like it lost the "personality" of the loggo
Author
Collaborator

The main problem with the logo is the text after the B. One possible solution would maybe be to add text shadow bild. White shadow in dark mode and dark in darkmode

The main problem with the logo is the text after the B. One possible solution would maybe be to add text shadow ![bild](/attachments/e9793e15-04ec-4890-9a52-515b4e92941d). White shadow in dark mode and dark in darkmode
84 KiB
Collaborator

For testing purposes I tried using shadows/outlines but since the logo is small it will all look kind of weird/squished together..(ignore that the main logo is looking a bit off, it is difficult to get transparent backgrounds, main version will have the proper logo) image

Also tried switching the colors since the purple-red transition was a big part in why it became hard to see.image

Another color palette option, but this one is hard to see in lightmode. It avoids the purple shades that can look like gray which is what can cause difficulty. One option could be to use one palette in darkmode and another in lightmode.image

For testing purposes I tried using shadows/outlines but since the logo is small it will all look kind of weird/squished together..(ignore that the main logo is looking a bit off, it is difficult to get transparent backgrounds, main version will have the proper logo) ![image](/attachments/b77bf9b2-7348-4662-8ed0-249f1580a672) Also tried switching the colors since the purple-red transition was a big part in why it became hard to see.![image](/attachments/2b627b7c-f61b-4111-9cd8-23f3c3ba4d7f) Another color palette option, but this one is hard to see in lightmode. It avoids the purple shades that can look like gray which is what can cause difficulty. One option could be to use one palette in darkmode and another in lightmode.![image](/attachments/d744a2fc-4878-4562-8c87-ba1f9fbaca23)
Sign in to join this conversation.
No milestone
No project
No assignees
5 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Andras/BoundlessFlowCampus2K#908
No description provided.