Browser-laptop: Design concepts

[rickyrauch]

I've been working on these concepts, what do you think? We can work together.

Icons

@rickyrauch

[bradleyrichter]

@rickyrauch Cool stuff. Happy to have help on UI/UX contributions!

Your concepts show a variety of differences from our current UI. What things do you feel need the most improvement?

Regarding the round icons - I love the colors. A few people have suggested round app icons to go with the other browsers on their dock. And some like how we aren't round. Go figure....

[bsclifton]

I really like the round icons :smile: The logo still seems intact while having a nice clean shape. Great job, @rickyrauch!

[bsclifton]

@rickyrauch I think the various screen caps you are proposing look good... but one thing to consider (which can be a problem) is having enough space where a user and click and drag the window. We do get lots of complaints as-is about not enough draggable area in the top title bar

[rickyrauch]

@bsclifton @bradleyrichter

Hi Brave,

Based on the feedback I read on Twitter and asking people, we probably can work on some refinements of the UI.

What do you think?

[bradleyrichter]

@rickyrauch Sure. What do you think we should start with? We can also jump on a g-hangout if you want to go over the twitter feedback you are receiving.

[rickyrauch]

I tried to clone the project to make some changes, but without this issue resolved https://github.com/brave/browser-laptop/issues/1171 it makes really hard to work on CSS. Each changes takes few seconds to make effect and It's difficult to move efficiently.

[bradleyrichter]

I know we won't be able to change that behavior but editing in dev tools for live viewing and transferring over to the repo files has been workable.

[rickyrauch]

Feel free to use my icon @bsclifton, I can submit a PR.

[bradleyrichter]

@rickyrauch Can you post some 512 PNGs that I can test as an ICNS?

[bsclifton]

@rickyrauch what @bradleyrichter said :smile: He'll be able to help you the most. Thanks!

[bradleyrichter]

preview next to the Mac OS competition:

[rickyrauch]

It looks great, here is PNG 512.
https://www.dropbox.com/s/5dshp8nxgduk8dc/brave.png?dl=0

[cndouglas]

This would solve #5723. 😀

[rchrdnsh]

I vote for the first design in the issue, as it simplifies the UI of the omni bar and the tabs, which currently look awkward being separated. Wether or not the tabs are on top or on bottom of the omni bar i am less concerned with, although it might be a nice option to let people choose with an option. And a dark mode would be great as well, in addition to the simplification of the UI :-)