Dock design examples

Dock

Signup screen where the user can authenticate via Google, Microsoft, or email, featuring a customer testimonial from Lattice on the left panel.

• Sign Up

Dock

Signup page where the user can create an account using Google, Microsoft, or a work email, featuring a customer testimonial from Lattice.

• Sign Up

Dock

Verification screen where the user is instructed to check their inbox for a link to create their Dock account.

• Verification

Dock

Signup step where the user creates their profile by entering their name, password, title, phone number, calendar link, and selecting an avatar.

• Account Setup
• Profile

Dock

Signup step where the user creates their profile by entering their name, password, optional details, and selecting an avatar while viewing a live preview.

• Account Setup
• Add & Create

Dock

Onboarding step where the user sets up their profile by entering their name, password, and optional contact details while viewing a live preview card.

• Account Setup
• Profile

Dock

Onboarding step where the user creates their profile by entering their name, password, and optional details while seeing a live preview.

• Account Setup

Dock

Onboarding step where the user sets up their organization by providing a company name, website, and custom Dock subdomain, alongside a live preview of their workspace.

• Account Setup
• Add & Create

Dock

Onboarding step where the user sets up their organization by providing a company name, website, and custom subdomain, with a live preview of their workspace on the right.

• Account Setup
• Add & Create

Dock

Onboarding step where the user sets up their organization by providing a company name, website, and subdomain, currently showing a validation error for an unavailable subdomain.

• Account Setup
• Onboarding Checklist

Dock

Onboarding step where the user configures their organization's logo, banner, and brand colors alongside a live preview.

• Account Setup
• Add & Create

Dock

Onboarding step where the user sets up their organization's brand by uploading a logo and banner, and selecting brand colors via hex inputs, with a live preview of the resulting workspace on the right.

• Account Setup
• Add & Create