Beautifying our UI (15.2) - Final Designs

Introduction

👋 This issue is mostly to organize final designs from the comments of #362122 (closed) to an easy to read spot. This makes it easy for @jannik_lehmann to pick them up when @emilybauman goes on PTO.

Login Page - Ready to Pick Up

Before	Desktop	Mobile

Proposal

• Reskin the login page to take out duplicate information, modernize the look and feel and unbox the UI.
• Designs

Open Questions

• Can we start with just the login page or should be making changes to all pages connected with it? Is there a way to make this easier?
• What are all the pages we need to account for?

Sign Up	Forgot Password	2FA

Comments Redesign - DRAFT

• Redesign comment threads so that replies are shown more visually connected to the top comment.

Old	New

Emoji Picker - Ready to Pick Up

• Fix some bugs in the emoji picker.
• Esc Key interaction not as expected.
• Close emoji picker when user hits space.
• Make the emoji picker easier to explore.

Empty-state Pages - Ready to Pick Up

• Create a template to apply to all empty state pages, so they all look consistent.

Old	New

• Figma File
• Pajamas Component

Design Section in Issues - Ready to Pick Up

• Lock drag and drop for design when on mobile.
• Optimize preview mode for designs in issues.

Unbox Page Counter - Draft

• TBD

Illustrations on Get Started with GitLab Page - Draft

Old	New