Fable design examples

Fable

Sign-in screen where the user authenticates with Google or via email and password.

• Sign In

Fable

Authentication screen where the user requests a password reset link by entering their email address in a modal overlaying the main sign-in view.

• Forgot Password
• Confirmation

Fable

Password recovery modal where the user submits their email address to receive a reset link.

• Forgot Password

Fable

Signup screen where the user creates an account using Google or an email and password.

• Sign Up

Fable

Signup screen where the user is creating an account with their email and password, currently showing an active loading state after submission.

• Sign Up
• Loading

Fable

Verification screen where the user is instructed to check their inbox to confirm their email address, with an option to resend the link.

• Verification
• Account Setup

Fable

Onboarding step where the user provides their full name and selects their role to complete account setup.

• Account Setup
• Profile

Fable

Onboarding step where the user selects their professional role from a dropdown list including options like Motion Designer, Animator, and UX/UI/Product Designer.

• Account Setup
• Profile

Fable

Onboarding step where the user provides their name and selects their professional role before getting started.

• Account Setup
• Profile

Fable

App interface where the sidebar is currently loading content while the main workspace remains blank.

• Loading

Fable

Dashboard empty state where the user is prompted to start their journey by choosing a starter file like a loading wheel or scissors, or by creating a blank project.

• Empty State
• Add & Create

Fable

Full-screen loading state displaying an animated logo while the application workspace initializes.

• Loading