Fey design examples

Fey

Sign-in screen where the user authenticates with their email via magic link or with a Google account.

• Sign In

Fey

Sign-in screen where the user is authenticating with their email address, currently showing an inline loading state, with an alternative option to sign in with Google.

• Sign In
• Loading

Fey

Verification screen where the user is instructed to check their inbox for a secure login link sent to their email address.

• Verification
• Sign In

Fey

Signup screen where the user can create an account by entering their email address or authenticating with Google.

• Sign Up

Fey

Onboarding step where the user is prompted to download the desktop app for faster access, with an option to skip and do it later.

• Upload & Download

Fey

Onboarding step where the user selects between a monthly or discounted annual subscription to continue setting up their trial.

• Trial
• Pricing

Fey

Paywall screen where the user selects a payment method and enters credit card details to activate a 7-day free trial.

• Payment Form
• Trial

Fey

Onboarding step where the user learns to summon the command palette by pressing Command-K on an interactive keyboard illustration.

• Guided Tour
• Getting Started

Fey

Onboarding screen where the user is prompted to type 'continue' into the command palette to proceed.

• Guided Tour
• Command Palette

Fey

App onboarding step where the user learns to use the command palette and keyboard shortcuts to navigate the platform.

• Guided Tour
• Command Palette

Fey

Onboarding step where the user searches for a stock ticker like AMC, Tesla, or NVIDIA using a command palette.

• Command Palette
• Getting Started

Fey

Onboarding step where the user is prompted to search for a stock using the command palette.

• Command Palette
• Onboarding Checklist