Gitbook design examples

Gitbook

Signup screen where the user can create an account using Google, GitHub, or a work email.

• Sign Up

Gitbook

Sign-in screen where the user authenticates with Google, GitHub, or a work email.

• Forgot Password

Gitbook

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

• Forgot Password

Gitbook

Password recovery screen instructing the user to check their email for a reset link, while simultaneously displaying an error toast indicating the user record was not found.

• Forgot Password
• Error

Gitbook

Signup screen where the user can create an account using Google, GitHub, or a work email address, featuring a decorative node illustration on the right.

• Sign Up

Gitbook

Verification screen where the user is instructed to check their inbox for a confirmation link sent to their email address.

• Verification
• Empty State

Gitbook

App loading screen displaying a centered spinner before the main content resolves.

• Loading

Gitbook

Onboarding step where the user names their organization, selects a primary use case, and toggles domain-based access before continuing.

• Account Setup
• Setup Wizard

Gitbook

Onboarding step where the user creates an organization by providing a name, selecting a primary use case, and configuring domain-based auto-join.

• Setup Wizard
• Team Management

Gitbook

Content editor with a modal open to invite teammates by email address and assign them roles.

• Invite Teammates
• Roles & Permissions

Gitbook

Content editor where the user has opened a modal to copy a secret invite link or invite teammates by email to their Nicelydone workspace.

• Invite Teammates
• Team Management

Gitbook

Empty document editor where the user can start writing or choose to import content, use a template, sync with GitHub, or add members.

• Empty State
• Invite Teammates