Prismic product screens examples

Prismic

Sign-in screen where the user authenticates with an email address and password to access their dashboard.

• Sign In

Prismic

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

• Forgot Password

Prismic

Signup page where the user creates an account by providing their name, email, and password.

• Sign Up

Prismic

Dashboard empty state prompting the user to read the getting-started guide or create their first blank repository.

• Empty State
• Getting Started

Prismic

Developers section quickstart guide where the user follows a 5-step tutorial to integrate Prismic content management with a Node.js application.

• Getting Started
• Tutorial

Prismic

Settings drawer where the user updates their public profile details, including first and last name, and changes their account password.

• Profile
• Account Settings

Prismic

Account creation Onboarding Form

Prismic

Home screen where the user selects an existing repository to manage or creates a new blank one.

• Home
• Add & Create

Prismic

Dashboard empty state prompting the user to define their first content type, with a right sidebar for inviting team members via email.

• Empty State
• Team Management

Prismic

Modal prompting the user to upgrade their plan after hitting a limit while trying to invite collaborators to a repository.

• Upgrade Prompt

Prismic

List view in an empty state where the user can create their first custom type by providing an ID and label.

• Add & Create
• Empty State

Prismic

Media library view where the user can upload new items and filter existing media by type.

• Upload & Download
• Filter & Sort