Skip to content

Hierarchical content screen examples

Hierarchical content screen design examples from SaaS apps. Browse examples from Morphic, Meetup, Secfi.

Explore the examples

Morphic - Test 01 / Guest Project - Morphic Studio screen
Morphic logo
Morphic

Settings page where the user views their invoice history and tracks credit activity in a filterable data table, with an option to download a CSV.

Meetup - People who are interested in. O housings | Meetup screen
Meetup logo
Meetup

Community group profile page showing the group's description, upcoming events, member directory, and recent discussions, with a sticky prompt to join.

Secfi - Exit Calculator | Secfi screen
Secfi logo
Secfi

Exit calculator tool where the user models potential net gains and tax breakdowns based on projected stock price and share details.

Macaw - Key Concepts and Tools for Understanding Product Design | Macaw screen
Macaw logo
Macaw

Content editor where the user views an AI-generated article outline while waiting for the full article generation to complete.

Kajabi - Kajabi - adminproducts2148861948certificate_templateedit screen
Kajabi logo
Kajabi

Settings page where the user configures the certificate template for a course, toggling visibility and editing text for fields like title, subtitle, and logo.

Braintrust - Real Estate Dataset - Datasets - Listen Labs - Braintrust screen
Braintrust logo
Braintrust

Modal where the user manages specific object permissions like read, update, delete, and manage access for an engineering group on a dataset.

Otter - Account Settings - Otter.ai screen
Otter logo
Otter

Settings page where the user configures default sharing permissions and auto-join behavior for their AI meeting assistant.

ClickUp - Home | Nicelydone Workspace 01 screen
ClickUp logo
ClickUp

Settings modal where the user configures the Google Calendar integration, including connecting accounts and mapping sync locations.

Vero - Segments | Vero screen
Vero logo
Vero

Create page where the user builds a new customer segment by defining property conditions like 'has_android equal to 0'.

Qatalog - Settings · Qatalog screen
Qatalog logo
Qatalog

Detail page where the user views a team member's profile, including their contact information, associated pages, resources, workflows, and tasks.

V7 - V7 Darwin screen
V7 logo
V7

Detail page for an AI classification model where the user reviews performance metrics like accuracy and loss, inspects the confusion matrix, and accesses API integration snippets.

Clerk - Dashboard | Clerk.com screen
Clerk logo
Clerk

Settings modal where the user manages organization members, pending invitations, and access requests.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams