Fable product screens examples

Fable

Sign-in screen where the user authenticates with email and password, or via Google and Apple single sign-on.

• Forgot Password

Fable

Signup modal where the user creates an account using email and password or authenticates via Google or Apple.

• Sign Up

Fable

Signup screen where the user creates a free account by providing their name, email, and password, or by authenticating with Google or Apple.

• Sign Up
• Add & Create

Fable

Landing page where a central modal overlay is actively loading content over an illustrated background.

Fable

Landing page where the user can download the app or access profile and account settings via an open user menu.

Fable

Settings page where the user views their profile details, follower counts, and can navigate to edit their public profile or account settings.

• Profile
• Edit

Fable

Profile page where the user views their reading lists like 'Want to Read' and 'Finished', with options to edit their profile or share it.

• Profile
• Browse

Fable

User profile page where the clubs tab shows an empty state prompting the user to discover book clubs to read together.

• Profile
• Empty State

Fable

User profile page where a modal is open to share the profile via Facebook, Twitter, email, or by copying a link.

• Profile
• Share

Fable

Profile settings page where the user edits their display name, pronouns, and bio in a side drawer.

• Profile
• Edit

Fable

Settings drawer where the user updates their display name, pronouns, bio, and profile privacy.

• Profile
• Edit

Fable

Settings drawer where the user updates their display name, pronouns, bio, and profile privacy visibility.

• Profile
• Edit