Navigation links screen examples

Slite

Document editor where the user reads a verified article about Design Engineering, with options to share, react, or ask AI questions.

• AI Chat
• Share

Notion Mail

Inbox view where the user is creating or renaming a custom view while browsing emails grouped by month.

• Filter & Sort
• Edit

Replit

List view where the user manages their apps and folders, with a bulk action toolbar active for a selected item.

• Files
• Browse

Podia

Page builder where the user configures link and button hover styles via a left sidebar while previewing a hero section on the right.

• Design Editor
• Edit

Dub

List view where the user manages shortened links, views click counts, and accesses link-specific actions like editing and archiving.

• Table
• Filter & Sort

Steep

Detail page where the user views and edits the Design team profile, including adding analytics widgets and sections.

• Team Management
• Dashboard

Kajabi

Modal where the user names a new custom navigation menu for their website.

• Empty State

Sprig

Home screen where the user can view recent activity and product updates, featuring a prominent empty state prompting them to create their first study for AI insights, while a workspace switcher dropdown is open in the sidebar.

• Home
• Empty State

Langdock

Settings page where the user configures custom info boxes, assistant sharing disclaimers, and navigation bar links for their workspace.

• Settings

Hashnode

Settings page where the user configures header and footer navigation links for their documentation, currently displaying an empty state.

• Settings
• Empty State

Campsite

Detail page where the user reads a note about design engineering, with an open dropdown menu showing actions like move, share, and delete.

• Browse

Tines

Empty list view for stories featuring a filter toolbar and an open workspace switcher menu that includes team navigation and an upgrade prompt.

• Empty State
• Stats