Enigma design examples

Enigma

Sign-in screen where the user authenticates with their email and password.

• Sign In

Enigma

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

• Forgot Password

Enigma

Signup page where the user creates an account by providing their email, name, and password, alongside a list of API value propositions.

• Sign Up
• Form

Enigma

Signup page where the user enters their personal and company details, sets a password meeting specific security requirements, and agrees to the terms to create an Enigma Console account.

• Sign Up
• Account Setup

Enigma

Verification screen where the user is instructed to check their email to activate their account, featuring a resend link and a registration success toast.

• Verification
• Account Setup

Enigma

Full-page loading state displaying a custom logo spinner while the system verifies an invite code.

• Loading

Enigma

Dashboard with an active product tour modal guiding the user through the console's features, covering API keys, billing, and documentation.

• Dashboard
• Guided Tour

Enigma

Onboarding tour modal introducing the quickstart module over the user's dashboard.

• Guided Tour
• Dashboard

Enigma

Onboarding step where a product tour modal explains the batch upload feature and its capabilities over the user's dashboard.

• Guided Tour
• Dashboard

Enigma

Dashboard view overlaid with a product tour modal explaining the billing and usage section to a new user.

• Dashboard
• Onboarding Checklist

Enigma

Dashboard overlay where a welcome modal congratulates the user on completing the setup and prompts them to start using their free trial credits.

• Onboarding Checklist
• Success

Enigma

Dashboard view with an active onboarding modal guiding the user through account and organization settings.

• Dashboard
• Onboarding Checklist