Definitive branding

[jurrejansen]

Hi @carlosvirreira @DonKoko

As suggested by @DonKoko I'm moving this discussion to a separate issue. Would be nice to update the production ready designs to the definitive branding.

ORIGINALS

Based on our discussion last week I think we compromised on a few things.

• We use all lowercase type for the logo
• We stick to the original (S-shaped) icon

UPDATED ORIGINALS

To be discussed:

• Color composition of logo
• Color composition of dashboard UI

[carlosvirreira]

Reflecting on competitive landscape I am willing to take the lower case S version. The rest for me is all good to go.

Why?

• It feels a bit friendlier
• it does not lose its professional look
• it feels a bit less rigid than the competition

Curious on @DonKoko thinking here.

[jurrejansen]

I'm personally not a fan of orange, but i think both of you do like it. However I think it does not go well at all with the dark blue. My suggestion down below. Slightly changed the orange + using a shade of black insead of blue.

As for color composition for dashboard I would suggest these. i like the light themed one more.

Here's the page in which i was messing around with different options if you wanna check. You can also check the version above there. It's a bit nicer to see there than these exports i shared here.

https://www.figma.com/file/2XkiKJ4II7Mux6JJL9hYTm/Shelf-App-%7C-Production-Ready?node-id=5452-327512

[DonKoko]

I also like this more. The orange i see is different in the layouts and in the logo tho but I definitely like the lower case way more and I agree it works better with the black.

As for the page layout, I also like it and I think we have to take a decision by now and move forward. I also like the light one but honestly its too much of a flashbang for me. I never use anything in light mode and this makes it a bit difficult.

Also the sidebar is bothering me somehow in the white version. I am not 100% sure why or what but it feel like I cant see whats going on there. Maybe we can try to use at least some shade on the BG of the sidebar, even if its almost white. Like gray-25 or even primary-25 or primary-10

Here is for example how they are doing it in GH:

In dark mode they are also 2 different shades.

[carlosvirreira]

I'm personally not a fan of orange, but i think both of you do like it. However I think it does not go well at all with the dark blue. My suggestion down below. Slightly changed the orange + using a shade of black insead of blue.

As for color composition for dashboard I would suggest these. i like the light themed one more.

Here's the page in which i was messing around with different options if you wanna check. You can also check the version above there. It's a bit nicer to see there than these exports i shared here.

https://www.figma.com/file/2XkiKJ4II7Mux6JJL9hYTm/Shelf-App-%7C-Production-Ready?node-id=5452-327512

This one hits the right strings for me. I would approve this one and go with it until v2.

[DonKoko]

I have transformed the issue to an actual organization wide discussion.

[carlosvirreira]

Glad we took a decision today team.

@jurrejansen please update the latest branding and UI on https://github.com/Shelf-nu/Branding