Skip to content

Clover product screens examples

Browse Clover screen design examples. Preview the interface screenshots and explore related UI patterns. The all-in-one notebook for creatives.

Explore the examples

Clover - Clover - Sign In screen
Clover logo
Clover

Sign-in screen where early testers authenticate with email and password, featuring a prompt to join the waitlist for updates.

Clover - Clover - Forgot Password screen
Clover logo
Clover

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

Clover - Clover - Where Ideas Grow screen
Clover logo
Clover

Signup screen where the user sets up their account by entering their full name and a password.

Clover - Clover - Where Ideas Grow screen
Clover logo
Clover

Onboarding step where the user names their workspace and sets a workspace icon.

Clover - Clover - Where Ideas Grow screen
Clover logo
Clover

Onboarding step where the user customizes their editor by selecting a light or dark theme and a highlight color.

Clover - Clover - Where Ideas Grow screen
Clover logo
Clover

Onboarding screen where the user reads an alpha disclaimer and clicks start to enter the workspace.

Clover - Welcome to Clover! - Bertrand screen
Clover logo
Clover

Design editor where the user learns how to navigate the infinite canvas, use drawing tools, and add text blocks via an interactive welcome document.

Clover - Welcome to Clover! - Bertrand screen
Clover logo
Clover

Whiteboard canvas editor where the user explores a welcome document explaining how to use the surface, text, and drawing tools, with a share menu open.

Clover - Welcome to Clover! - Bertrand screen
Clover logo
Clover

Whiteboard editor where the user learns how to navigate the canvas, write text, and use drawing tools during onboarding.

Clover - Welcome to Clover! - Bertrand screen
Clover logo
Clover

Whiteboard editor where the user views an interactive welcome document explaining canvas navigation, writing, and drawing tools.

Clover - Welcome to Clover! - Bertrand screen
Clover logo
Clover

Whiteboard editor where the user is formatting a text block using a floating toolbar amidst sticky notes and hand-drawn arrows.

Clover - Welcome to Clover! - Bertrand screen
Clover logo
Clover

Design editor where the user organizes brainstorming ideas on an infinite canvas with text blocks, sticky notes, and drawing tools, currently interacting with an object's context menu.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams