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 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

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

Mapbox

Empty list view where the user can create a new map style or upload an existing one, alongside links to documentation and resources.

• Empty State
• Upload & Download

Mapbox

Creation modal where the user selects a map style template like Basic or Streets and a variation like Base or Chilled to start a new map.

• Add & Create
• Templates