Fabric design examples

Fabric

Sign-in screen where the user authenticates with Apple, Google, or email.

• Forgot Password

Fabric

Sign-in screen where the user authenticates with Apple, Google, or email to access their personal cloud and AI workspace.

• Sign In

Fabric

Sign-in screen where the user attempts to authenticate with email or SSO but encounters an incorrect password error.

• Sign In
• Error

Fabric

Signup screen where the user can create an account for their personal cloud and AI workspace using Apple, Google, or an email and password.

• Sign Up
• Account Setup

Fabric

Verification screen informing the user that a confirmation link has been sent to their email address, with an option to resend the link.

• Verification
• Confirmation

Fabric

Verification screen where the user sees a success message that their email was confirmed and can click a button to continue to the app.

• Verification
• Success

Fabric

Onboarding step where the user confirms or edits their pre-filled name to set up their profile.

• Account Setup
• Profile

Fabric

Onboarding step where the user selects whether they plan to use the product for personal projects, work, or study to customize their experience.

• Welcome

Fabric

Onboarding step where the user selects their primary role from a list including product management, design, and engineering to customize their AI experience.

• Setup Wizard
• Account Setup

Fabric

Onboarding step where the user selects their primary goals, such as finding information or capturing ideas, to customize their AI experience.

• Onboarding Checklist
• Setup Wizard

Fabric

Onboarding step where the user selects which apps they currently pay for, like Dropbox or Notion, from a list to customize their AI experience.

• Setup Wizard
• Onboarding Checklist

Fabric

Onboarding step where the user selects which apps they currently pay for, like Dropbox or Notion, to customize their AI experience.

• Setup Wizard
• Account Setup