Craft product screens examples

Craft

Sign-in screen where the user authenticates with an email address or through Google, Apple, or Microsoft SSO.

• Sign In

Craft

Authentication screen where the user enters their email or selects an OAuth provider like Google, Apple, or Microsoft to log in or create an account.

• Sign Up
• SSO

Craft

Sign-in and sign-up screen where the user enters their email to continue or authenticates with Google, Apple, or Microsoft.

• Sign Up

Craft

Authentication screen where the user can enter their email to log in or sign up, or choose to continue via Google, Apple, or Microsoft.

• Sign Up

Craft

Verification screen where the user enters a 6-digit code sent to products@nicelydone.club to confirm their identity.

• Verification

Craft

Verification screen where the user enters a 6-digit code sent to their email to authenticate.

• Verification

Craft

List view where the user's recently opened documents will appear, currently showing an empty state with prompts to create a new doc or use templates.

• Empty State
• Home

Craft

List view where the user's recently opened documents will appear, currently showing an empty state with options to create a new doc or start from a template.

• Empty State
• Search

Craft

Content editor where the user starts a new document with an empty page and an open insert panel for adding blocks like text, images, and tables.

• Design Editor
• Drag & Drop

Craft

Block-based document editor where the user is writing a title and has the insert menu open in the right sidebar to add new content blocks.

• Design Editor
• AI Editing

Craft

Content editor where the user writes a document with a left sidebar for navigation and a right sidebar for inserting blocks like text, images, and tables.

• Media Detail
• Drag & Drop

Craft

Document editor where the user is adding an emoji to the document title via a popover picker.

• Form
• Media Editor