Literal design examples

Literal

Sign-up screen where the user creates an account using an email and password or authenticates with Apple.

• Sign Up

Literal

Signup page where the user can create an account using their email and password or via Apple SSO.

• Sign Up

Literal

Signup page where the user begins creating a new account by providing a username and full name.

• Sign Up

Literal

Signup page where the user enters their username and full name, accepts terms, and opts into the newsletter to create a new account.

• Sign Up

Literal

Signup page where the user enters their username and full name to create an account, with options to accept terms and subscribe to a newsletter.

• Sign Up

Literal

Signup page where the user enters their username and full name, accepts terms, and opts into a newsletter to create an account.

• Sign Up

Literal

Onboarding step where the user customizes their profile by uploading an avatar, selecting languages, and writing a bio.

• Account Setup
• Profile

Literal

Onboarding step where the user customizes their profile by uploading an avatar and selecting the languages they read via a multi-select combobox.

• Account Setup
• Profile

Literal

Onboarding step where the user chooses whether to import an existing library from Goodreads or start a new one.

• Onboarding Checklist
• Import & Export

Literal

Final step of an onboarding flow welcoming the user to the app and providing links to download the mobile applications.

• Welcome
• Onboarding Checklist

Literal

App home screen in an empty state, prompting the user to add a book they are currently reading, set a reading goal, and find friends to follow to populate their activity feed.

• Empty State
• Home

Literal

Home dashboard in an empty state prompting the user to add a book, set a reading goal, and find people to follow to populate their feed.

• Empty State
• Home