The upcoming design will feature a log-in without no BG which makes it look like any other text in the header, its also on top of the username so it looks a bit cluttered.
Recommended Design
Add a Log In CTA beside the username and remove the dropdown. Removing the dropdown reduces the number of clicks the player would need to login which is a better UX
All of the contents on the dropdown require you to sign up either way so we won't leave out anything
Log in CTA uses the same size as our other common CTAs in Community, About and Careers
Summary
The current header log in CTA that we have in the upcoming social login feature leaves much to be desired.
This submission aims to make it look good and follow whats industry standards.
Research for the design is done in this issue: https://github.com/colonistio/design/issues/175
Current Design
Recommended Design
Log In
CTA beside the username and remove the dropdown. Removing the dropdown reduces the number of clicks the player would need to login which is a better UXFlow
Desktop
Mobile
Related Submissions
Related Link:
Submission Checklist
Reviewers
@Mau-MD @JuanRoman77 @demiculus