Github design examples

Github

Sign-in screen where the user authenticates to GitHub using their username or email address and password.

• Sign In

Github

Password recovery screen where the user enters their verified email address and waits for a captcha to load before submitting the request.

• Forgot Password
• Loading

Github

Password recovery screen where the user is prompted to enter their verified email address after an invalid attempt.

• Forgot Password
• Error

Github

Signup page where the user begins account creation by entering their email address in a terminal-themed card.

• Sign Up

Github

Signup screen where the user enters their email and creates a password within a terminal-themed interactive card.

• Sign Up
• Account Setup

Github

Signup page where the user completes a terminal-style form for email, password, and username before encountering a human verification puzzle.

• Sign Up
• Verification

Github

Verification screen where the user is notified that an email has been resent and instructed to click the link inside to access their account.

• Verification
• Success

Github

Onboarding step where the user personalizes their GitHub experience by selecting their team size and student or teacher status.

• Onboarding Checklist
• Setup Wizard

Github

Onboarding screen where the user answers questions about their team size and role to personalize their GitHub experience.

• Setup Wizard
• Onboarding Checklist

Github

Onboarding step where the user selects specific features like collaborative coding, security, and CI/CD to get a recommended GitHub plan.

• Onboarding Checklist
• Select

Github

Home feed where the user views onboarding suggestions like creating a repository or profile README, trending repositories, and a timeline of latest platform changes.

• Dashboard
• Browse

Github

Global search overlay triggered from the top navigation, allowing the user to search all of GitHub or view syntax tips, displayed over a new-user onboarding dashboard.

• Global Search
• Command Palette