[Suggestion] New logo

[hanskokx]

I've been working on an idea for an updated logo, using the existing one as a base. Feedback?

[ericcornelissen]

Can I ask what your motivation for this change is? It's not clear to me what the additional line is supposed to represent 🤔

[hanskokx]

Sure; fair question.  Here was my thought process in designing it: The current logo accurately represents the product, however I believe that visibility could be improved.  As it stands, with just a white logo it will get lost on a white background.  Including a framing device will naturally give it contrast.  That way, on a white background, you wouldn't have to change the color - and therefore the branding - of the logo. The line on the bottom has a few purposes: 1) It offers a suggestion of depth.  It could be viewed as the side of a 3D box, suggesting FluentTerminal has depth. 2) It is representative of the tab bar. 3) It acts as a form of punctuation; and "underline", if you will.  It's a subtle way of saying, "This is your terminal." Does that help?

…

-- Hans Kokx On 2/14/2019 3:19:12 AM, Eric Cornelissen <notifications@github.com> wrote: Can I ask what your motivation for this change is? It's not clear to me what the additional line is supposed to represent 🤔 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub [#203 (comment)], or mute the thread [https://github.com/notifications/unsubscribe-auth/AB0sb6XbkXfwJgd8ly-XBoa4FlTLfhOFks5vNRwAgaJpZM4a6Su3].

[felixse]

I'm not a fan of the black background. I would like to keep the icon a single colored shape to be in line with the rest of the Windows 10 icons.

I think we should make the prompt symbol more unique, for example by adding some perspective to it (similar to the current Visual Studio icons) or something

[ericcornelissen]

I agree with @felixse, but I think your argument (contrast and recoloring) is pretty strong @skipmeister123. Even with your explanation I still don't like the line at the bottom though 😅 but that's pure personal preference

I think we should make the prompt symbol more unique, for example by adding some perspective to it (similar to the current Visual Studio icons) or something

I expect it will be difficult to do that without looking to much like the Visual Studio icons, and I don't think it is a good idea to have logo that people will associate with that brand if it's not actually related.

[hanskokx]

I'm going to think on this and come up with a second proposal.

…

-- Hans Kokx On 2/15/2019 7:53:14 AM, Eric Cornelissen <notifications@github.com> wrote: I agree with @felixse [https://github.com/felixse], but I think your argument (contrast and recoloring) is pretty strong @skipmeister123 [https://github.com/skipmeister123]. Even with your explanation I still don't like the line at the bottom though 😅 but that's pure personal preference I think we should make the prompt symbol more unique, for example by adding some perspective to it (similar to the current Visual Studio icons) or something I expect it will be difficult to do that without looking to much like the Visual Studio icons, and I don't think it is a good idea to have logo that people will associate with that brand if it's not actually related. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub [#203 (comment)], or mute the thread [https://github.com/notifications/unsubscribe-auth/AB0sb7KSVJoVV5I1rf28_VJq57ZcO-y7ks5vNq26gaJpZM4a6Su3].

[moigagoo]

I don't like the new one either. What's the purpose of the horizontal line?

[Tommasov]

I've got your point... and I agree.
This is how it looks like in my taskbar:

This is your logo:

Maybe not black but I like the solid background color.

[ericcornelissen]

@moigagoo as mentioned in this comment:

The line on the bottom has a few purposes: 1) It offers a suggestion of depth. It could be viewed as the side of a 3D box, suggesting FluentTerminal has depth. 2) It is representative of the tab bar. 3) It acts as a form of punctuation; and "underline", if you will. It's a subtle way of saying, "This is your terminal."

@Tommasov I can see why you would want that in your task bar, but maybe not in other places like the system tray 🤔 Also, UWP apps by Microsoft (e.g. Calculator and Groove in your screenshots) tend to have the same style. I'm not saying we must follow that but it's word considering. Just my two cents 🙂

[mikemaccana]

This is a Windows 10-style icon, designed to fit in with Edge, vscode, Office and other recent Microsoft apps.

• Sharp edges (not curved)
• A distinct silhouette
• Positive (occupies space) not negative (a cutout from a square)
• Works in both light mode and dark mode (note this includes white, and many Microsoft icons actually use white shapes)

The points used in the vector come from Microsoft's own Powershell icon. Let me know what you think.

I have the vector source and the .ico file - I can send a PR if you like it, just tell me where to put them!

[felixse]

I don't know about the blue, but I like the shape 👍

[mikemaccana]

Thanks @felixse! 😃 Would you prefer to keep white or a different color?

[moigagoo]

Love the new variant ❤

UPD: I dig @felixse 's the anti-blue sentiment: There's too much blue in Windows already! MS uses it because it's safe and sort of their default color.

As a third-party app, Fluent Terminal can use any color. How about some sexy gradient?

[musm]

I like the shape not soo sure I like the color through

[hanskokx]

I'm still working my way through the design process for a second pass at this.

[hanskokx]

How about something that fits the Fluent design language? These are based off of Microsoft's new Office suite of icons.

[hanskokx]

Alternative gradient:

[mikemaccana]

I don't think the new Office icons are a good fit for Fluent.

Office icons are unique though in that they have a letter - O, X, P, etc + and have to 'honor the heritage' - https://medium.com/microsoft-design/redesigning-the-office-app-icons-to-embrace-a-new-world-of-work-91d72608ee8f.

W stands for word, the thing behind that is a Word document: X stands for Excel, the thing behind that is a spreadsheet:

If Fluent Terminal was going to do the same thing, it'd be an F with a terminal behind it. But Fluent isn't an Office app - it's a Windows one.

[felixse]

Another problem would be the scaling for the SystemTray, context menu. I think a clear shape based icon would perform better in smaller sizes.

For the color I would say white and also a black version to support the new light theme in 19H1. I'm not sure about a gradient, but I'm open for proposals 😄

[moigagoo]

@mikemaccana I wanted to bring in the Powershell Preview icon as an example of icon design I like, but I see you don't like it much 😂: PowerShell/PowerShell#7441

I do like Powershell Preview icon though. It's fun. It may need some finetuning for small sizes, but I like the idea behind it. I'd love Fluent Terminal to have a funkier icon than a conventional monochrome blue or green or white or black one.

Anyway, I like your icon. I can see why Powershell team declined it (they're not entirely free to choose), and I can see it in Fluent Terminal. My wish for an alternative, funkier variant with a gradient, is absolutely optional.

P.S. I never knew it was the Powershell girl's hair in the icon. Just looks nice IMHO, funny colors and stuff ¯\_(ツ)_/¯

[mikemaccana]

For the color I would say white and also a black version to support the new light theme in 19H1.

Sure, white:

Dark version, shown with light theme:

Both colors taken from same as Windows icon (FBFBFB for white, full black for black).

@felixse Can you make the icon color change with the theme?

[felixse]

https://blog.mzikmund.com/2018/11/supporting-light-theme-taskbar-icons-in-uwp/
Should be no problem

[hanskokx]

I can get behind your design. Great work. 👍

[mikemaccana]

@felixse Want me to add the svg to the repo? Where should I put it?

[felixse]

@mikemaccana Yes sure, thanks a lot 😃 Just create a 'Icon Source' folder or something like that in the root directory