BinarBase design examples

BinarBase

Sign-in screen where the user authenticates with Google or an email and password, featuring a dashboard illustration with integration icons.

• Sign In

BinarBase

Sign-in screen where the user must provide an email and password or authenticate with Google, currently showing validation errors for empty fields.

• Sign In
• Error

BinarBase

Sign-in screen where the user authenticates via email and password or Google SSO, alongside an illustration of the platform's dashboard and integrations.

• Sign In
• Dashboard

BinarBase

Password recovery screen where the user enters their email address to receive a reset link, featuring a decorative dashboard illustration with floating integration logos on the right.

• Forgot Password

BinarBase

Signup page where the user creates an account via email or Google to start a 10-day free trial, featuring a product preview illustration on the right.

• Sign Up
• Account Setup

BinarBase

Signup page where the user creates an account using Google or an email address to start a 10-day free trial.

• Sign Up
• Trial

BinarBase

Onboarding step where the user confirms their pre-filled name, phone number, and company name to finish account setup.

• Account Setup
• Form

BinarBase

Onboarding step where the user confirms their pre-filled personal and company information to continue into the app, currently showing a saving state.

• Account Setup
• Onboarding Checklist

BinarBase

Onboarding step where the user names their first workspace and chooses between starting from scratch or selecting a demo template for SaaS, retail, or real estate.

• Setup Wizard

BinarBase

Onboarding step where the user selects a demo template or an empty workspace and names it to get started.

• Setup Wizard
• Workspace Switcher

BinarBase

Onboarding step where the system displays a loading spinner while spinning up the user's private workspace engine instance.

• Loading
• Account Setup

BinarBase

Dashboard empty state overlaid with a welcome modal introducing a guide named Caroline and prompting the user to start a product tour, with a trial expiration banner visible at the bottom.

• Welcome
• Guided Tour