Mapbox design examples

Mapbox

Sign-in screen where the user authenticates with their username or email and password, with options to create a new account or recover a forgotten password.

• Sign In

Mapbox

Password recovery screen where the user enters their email address to receive a reset link.

• Forgot Password

Mapbox

Password recovery screen confirming that reset instructions have been sent to the user's email address.

• Forgot Password
• Success

Mapbox

Signup page where the user creates a Mapbox account by providing their personal details, company name, and agreeing to the terms of service.

• Sign Up

Mapbox

Signup page where the user enters their username, email, password, name, and company details to create a new account.

• Sign Up

Mapbox

Signup page where the user attempts to create an account but encounters a username availability error.

• Sign Up
• Error

Mapbox

Verification screen where the user is instructed to check their inbox for a confirmation link, with options to resend the email or change the address.

• Verification
• Account Setup

Mapbox

Email verification screen displaying a loading spinner while processing the confirmation token.

• Loading
• Verification

Mapbox

Verification screen where the user must re-enter their password to confirm their identity before proceeding.

• Verification
• Confirmation

Mapbox

Dashboard overlay where a new user selects their primary use case, such as web applications or fleet management, to personalize their experience.

• Welcome
• Account Setup

Mapbox

Onboarding step where the user selects their primary use case, such as adding a map to a web application or getting trip directions, from a modal overlay.

• Account Setup
• Welcome

Mapbox

Dashboard overview providing quick start actions for map creation, a summary of account and billing details, and access to default API tokens.

• Dashboard
• Account Settings