PopSQL design examples

PopSQL

Sign-in screen where the user authenticates with Google, SAML SSO, or email and password.

• Sign In

PopSQL

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

• Forgot Password

PopSQL

Sign-in screen displaying a success banner confirming a password recovery link was sent, alongside standard email, Google, and SAML SSO login options.

• Forgot Password

PopSQL

Signup page where the user creates an account using Google, SAML SSO, or an email and password.

• Sign Up

PopSQL

Signup page where the user creates an account using Google, SAML SSO, or email and password, with a popover displaying password complexity requirements.

• Sign Up

PopSQL

Verification screen where the user is instructed to check their inbox to complete the signup process.

• Verification
• Success

PopSQL

Landing page for a collaborative SQL editor highlighting features like data catalogs, shared insights, dashboards, and database integrations, with a prominent hero section offering desktop and web app choices.

• Navigation Menu
• Home

PopSQL

Loading screen displaying a progress bar and a keyboard shortcut hint for executing queries while the application initializes.

• Loading
• Code Editor

PopSQL

Onboarding step where the user names their organization and selects their company size to create a workspace.

• Account Setup

PopSQL

Onboarding step where the user names their new organization and selects their company size.

• Setup Wizard
• Account Setup

PopSQL

Onboarding step where the user names their new organization and selects their company size from a dropdown to set up their workspace.

• Setup Wizard
• Account Setup

PopSQL

Onboarding step where the user names their organization and selects their company size while the system processes the creation.

• Setup Wizard
• Account Setup