screenroveSCREENS WORTH STUDYING
Screenrove / Design references

Notion Product Screens

Explore captured product screens and their navigation.

Notion Database table view

Database table view

Notion's public Projects & Tasks template on notion.site, logged out. A top bar with Templates, the template name and a blue "Start with this template" button; a pale cover band; the page title; then a Projects database with view tabs (All Projects, Project Timeline, All Tasks, Tasks by Status) and a table with coloured Status and Priority pills and progress bars. Names are Notion's own sample data.

Notion Timeline view

Timeline view

The Project Timeline tab: a frozen left table (Project name, Status) beside a quarter timeline with a red today marker on 24 September 2026. The sample projects are dated 2025, so no bars appear in the visible range; only jump-back arrows show. Quarter, Today and arrow controls sit top right.

Notion Board view

Board view

The Tasks by Status tab switches the heading to Tasks and shows a board: To-do, In progress, Complete and No Status columns with tinted headers and cards carrying assignee, date, priority pill and related project.

Notion Side peek

Side peek

Hovering a row reveals an OPEN button; it opens Project 1 in a side peek over the right half. The peek lists properties (Status, Owner, Dates, Priority, Progress, Summary), a Relations link to 2 tasks, an "About this project" section and an embedded Tasks board. The opened row keeps a blue selection outline.

Notion Template sidebar

Template sidebar

The menu button pins a left sidebar headed by the Notion logo: "Template includes" lists the page and its four views as a tree, with the current view highlighted. The page shifts right to make room.

Notion Help Center home

Help Center home

"Hi, how can we help you?" with a wide pill search field and four quick-topic chips (Billing, Dashboards view, Restoring content, Sharing & permissions), then a grid of Popular topics cards with line illustrations. A left rail lists Help Center sections with chevrons. A cookie banner was declined before capture.

Notion Help category: Databases

Help category: Databases

The Databases category: the left rail expands Build databases to Databases and Database views, and the main column shows a description and Popular topics cards with video thumbnails (Intro to databases, Relations & rollups) and an illustration (Intro to formulas), plus a See all button.

Notion Help article

Help article

"Intro to databases": breadcrumb Help Center > Databases, a large title, a Notion Academy video thumbnail with a presenter, an "In this help doc" summary and a sticky Contents list on the right with the current section highlighted in blue.