Luma product screens examples

Luma

Sign-in screen where the user authenticates with an email address, phone number, or Google account.

• Sign In

Luma

Sign-in screen where the user authenticates with a phone number or Google SSO.

• Sign In

Luma

Sign-in screen where the user authenticates with an email address, phone number, or Google account.

• Sign In

Luma

Onboarding step where the user is prompted to link their phone number to receive SMS reminders and find friends, with an option to skip.

• Sign In
• Account Setup

Luma

Onboarding step where the user enters their name and uploads an avatar to complete their profile before accessing the app.

• Account Setup
• Profile

Luma

Welcome screen greeting the user by name after authentication, featuring a prominent avatar and a soft gradient background.

• Home
• Welcome

Luma

App home screen welcoming the user back with a personalized greeting and avatar, featuring a top navigation bar for accessing events and calendars.

• Home
• Welcome

Luma

Search overlay where the user can search for events and calendars or jump to quick shortcuts like creating an event or opening help.

• Command Palette
• Global Search

Luma

Search overlay where the user is looking for events but encounters a no-results empty state.

• Global Search
• Empty State

Luma

App home screen welcoming the user with an empty state card prompting them to create their first event.

• Empty State
• Home

Luma

Home page where the user sees an empty state for upcoming events with a primary prompt to create their first one.

• Empty State
• Home

Luma

List view showing an empty state for past events the user has hosted or attended.

• Empty State
• Tabs