Redesign icons and other artwork

[MacGyverNL]

Hi,

Up-front: I am not a lawyer. But my understanding of forks of FLOSS software is that usually, the branding and artwork is not covered by the GPL.

I don't want to add to the high-priority things here, but considering the party that upstream is getting sold to, it would probably be wise to figure out the copyright- and trademark-status of the artwork and branding present in the repositories and get replacements in place.

[naveensingh]

Hey, thanks for pointing this out. I believe most if not all of it was designed by Tibor himself but I think it's safe to assume that the new company has the right to the artwork material. I was slowly going to replace them anyway as I have some experience in that area.

[LucaRed]

I agree we need new icons, not only for licensing reasons, but also to appear different.

This is a new project and it deserves its own identity.

[RustoMCSpit]

yeah the most important thing right now is actually branding, all the app icons will need to be redone for a start. if anyone is good with vector art and creating consistently stylised icons feel free to pull request.

(not saying icons are the only part of branding needing to be changed, all of it has to be)

[blu256]

I have some experience with vector graphics and I'd like to try creating icons. If I have the time, I might make a draft and open a PR for discussion.

[RustoMCSpit]

all icons must be submitted asap to icon pack makers and they need to support custom android theming

[RustoMCSpit]

we should have a mascot and pull request it to supertuxkart and supertuxparty

[RustoMCSpit]

we should have a mascot and pull request it to supertuxkart and supertuxparty

if any musicians are here a leitmotif would be cool, we can have a poll on what theyll be

[inson1]

@blu256 Maybe you should start with sketches and discussion, if you want work on that :), so you dont spend on that hours or days or more and community wouldnt like :)

[naveensingh]

@blu256 sure, you can try creating a PR if you have the time. I don't want to change the icons too much from SMT, we'll probably just change the color or use gradient for the background. We'll use rounded material icons for the foreground vector where possible.

[Nexusnui]

This was my idea for a color scheme:

The Icon itself would still need to change, but the colors I used are:
Symbol: #098D9C
Backround:#B5F774

[naveensingh]

Green! Check the project logo.

Unless we have a willing UI/UX designer, I'll be doing something similar to the following but with a green background:

(Icons are from my past app experiments)

[nikhilmwarrier]

Google's Material Icons are under Apache 2.0. That means we can use them in app logos, right?

It will save a lot of time if we just take those icons and put them over a green background.
Maybe something like this?

[naveensingh]

@nikhilmwarrier I want the apps to look more vibrant. I'll post a few examples later.

[naveensingh]

The colors could use some fine-tuning but I did these examples to see what looks better, which one do you guys think looks best?

[oiimrosabel]

The ones with the lime background looks good

[naveensingh]

Sorry, I'm told I'm good with colors but bad at recognizing them by name 😃

@lonelynerd do you mean the first one?

[oiimrosabel]

Second 👌

[ronniedroid]

I like the icons in the middle, the white on lime-green, but maybe #64a157 for the background and #e6e6e6 for the foreground? let's see how they look with those colors.

Could you also please try #64a157 for background and #0f2412 for foreground?

[tswistak]

The first one (green gradient) looks nice. However, with published apps, please remember to keep an option for having B&W icons 😄

[oiimrosabel]

I had an idea for the icon style, with a slight depth effect. What do you think ?

[naveensingh]

First batch: background: #64a157, foreground: #e6e6e6
Second batch: background: #64a157, foreground: #0f2412
Third batch: Random greenish gradient.

[ronniedroid]

I like both the first and the second, but I think I like the first more.

I think if we add some shadow or border to the inner icon of the second one it will look nicer.

[naveensingh]

@lonelynerd SMT icon had shadows:

[naveensingh]

Let's leave these here for people to comment on, I'll test both the #fffffff and #e6e6e6 versions on a real device to see which looks better. Maybe we'll also add 45° shadows like done in SMT and other material apps, it'll probably look better since the background is flat and not a gradient.

[naveensingh]

We need a new project logo as well. When I chose the above keyhole as the project logo, I wasn't aware (call it ignorance) that it was a registered trademark of the Open Source Initiative.

[oiimrosabel]

How about something along these lines ?

[ronniedroid]

A Phoenix Rising: Idea for the projects logo.

This has some alignment issues, but it is just to showcase the idea.

[RustoMCSpit]

hold on we're forgetting that you can set what you want the icon of an app to be inside the app. signal does this for example

[naveensingh]

did you mean 25% distributed or 25% from each size? I made it 25% distributed.

I meant 25% on all sides but it looks good so let's just leave it.

Also, should I flip the bird as you have done, or keep it as it is?

It's really subjective, the bird looking to the left or right can be associated with 'rooted in the past' or future orientation like moving forward, progress, etc. I'd say flip it.

Anyway, this iteration is good enough for now. Please remove the rounded corners from the background because all platforms usually apply the rounded corners themselves. I'll create an 'artwork' repo now and then you can open a PR with these files.

Also, get rid of the T :)
Thanks.

[naveensingh]

@ronniedroid what font is that? I like it.

[ronniedroid]

Ah, I don't really remember. I think it was Montserrat heavy. The current one is Roboto heavy.

[naveensingh]

@ronniedroid no problem, I liked the original logo too but the wings there just aren't obvious enough at first glance.

[naveensingh]

@ronniedroid https://github.com/FossifyOrg/artwork

[ronniedroid]

@naveensingh PR opened.

[Reinachan]

Here is batch 3,

Increased the padding and got rid of the ones with the slogan (unless required then I will add them back)

As for the padding, @naveensingh you said it should be 25%, did you mean 25% distributed or 25% from each size? I made it 25% distributed.

Also, should I flip the bird as you have done, or keep it as it is?

I really like this overall design! Great work! My only gripe with it is the eye which looks kinda weird in there. I made some modifications, maybe you'll like this?

[Reinachan]

Here's the SVG for it as well

I uploaded it to my filesharing server as well. Should be easier to download from there by right-clicking the link and selecting "save link as"
download link

[ronniedroid]

I agree this eye looks better.

[inson1]

@Reinachan great work

[naveensingh]

If you guys want the eye to be there in the current logo, feel free to raise a PR.

[RustoMCSpit]

really dumb idea but what if we had a gif of it winking

[RustoMCSpit]

also again i think the logo should have a crown but only if the user donates money, then they can select the crown option in the settings

[RustoMCSpit]

also again i think the logo should have a crown but only if the user donates money, then they can select the crown option in the settings

this wouldnt be hard to implement and would be a neat way to thank someone for a donation

[naveensingh]

really dumb idea but what if we had a gif of it winking

C'mon 😂

also again i think the logo should have a crown but only if the user donates money, then they can select the crown option in the settings

We don't have the project logo anywhere in the apps. Also, the current design is good enough for now. Maybe I'll redesign it in the future but it's not important now.

[RustoMCSpit]

We don't have the project logo anywhere in the apps. Also, the current design is good enough for now. Maybe I'll redesign it in the future but it's not important now.

well i meaj anything for funding is desirable

[inson1]

@Reinachan yes, please do the PR :)

[inson1]

@RustoMCSpit How would you know if someone donated?

[naveensingh]

We won't track user activity, in apps or on the website.

[inson1]

exactly, it would be easy with pro apps

[naveensingh]

By the way, for anyone wondering, here are the final app icons:

Of course, the background color is customizable same as before (total 19 colors). I'll maybe add more icon color options later.

[Secret-chest]

Please keep material palette.

[naveensingh]

More ideas about the org logo are welcome. It has to be a phoenix.

[inson1]

I'm happy with this one

[naveensingh]

I tried many variations and I'm going with this one: