WR-004 · Notion
Source: https://www.notion.com
License: Screenshots: fair-use reference captures; site content © Notion

WR-004-step1.png
  Step 1 · Landing: https://www.notion.com/. Captured 2026-10-22 23:13 (UTC+8) with a headless browser at 1440×900 by this library. Fair-use reference capture; content and marks © Notion, all rights reserved.
  Screenshots: fair-use reference captures; site content © Notion

WR-004-step2.png
  Step 2 · Pricing: https://www.notion.com/pricing. Captured 2026-10-22 23:13 (UTC+8) with a headless browser at 1440×900 by this library. Fair-use reference capture; content and marks © Notion, all rights reserved.
  Screenshots: fair-use reference captures; site content © Notion

WR-004-step3.png
  Step 3 · Sign-up entry: https://app.notion.com/signup. Captured 2026-10-22 23:13 (UTC+8) with a headless browser at 1440×900 by this library. Fair-use reference capture; content and marks © Notion, all rights reserved.
  Screenshots: fair-use reference captures; site content © Notion

WR-004-app-04_onboarding_join_or_create_workspace.png
  Join or create a workspace: Centered list of workspaces the email was invited to (blanked by us: other people’s workspace names), with a sticky full-width blue “Skip, start my own workspace instead” button. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-05_onboarding_use_case.png
  Use case: Top band of soft blue texture, a small illustration, a progress bar, three large selectable cards (work, personal life, school) and a full-width blue Continue. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-06_onboarding_free_expert_session_offer.png
  Free expert session offer: Same template: a 7-day date strip and a grid of time-slot buttons to book a 30-minute session, with a neutral “Skip for now”. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-08_home_sidebar_welcome_page.png
  Home · Welcome page: Warm off-white sidebar (workspace switcher, Home/Inbox icons, setup progress card, Private pages, agents, Library, Help, Trash) beside a wide white page: big emoji icon, title and a to-do checklist that teaches the editor. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-09_add_new_page_or_database_picker.png
  Add new: page or database picker: Large modal over a dimmed workspace: search, Empty page / Empty database, existing data sources and template previews with miniature table/board thumbnails. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-10_new_blank_page_slash_command_menu.png
  Slash command menu: Typing “/” on an empty block opens an inline menu: Suggested, then Basic blocks (Text, Heading 1–4, lists…), each with an icon and a Markdown shortcut on the right; “Close menu · esc” at the bottom. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-11_page_cover_picker_gallery.png
  Cover picker: Cover image across the page top; popover with Gallery / Upload / Link / Unsplash tabs, Color & Gradient swatches and texture thumbnails. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-12_page_with_cover_and_icon_picker.png
  Icon picker: Page icon popover: Emoji / Icons / Upload tabs, filter field, random and skin-tone buttons, a dense emoji grid and category icons at the bottom. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-13_database_table_view.png
  Database · Table view: Inline database with a Table view tab, Name column, “+ Add property”, empty rows and a blue “New” split button. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-14_database_board_view.png
  Database · Board view: Same database as a Board: tinted columns per status (Not started, In progress, Done) with colored pill labels and “+ New page” cards. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-15_search_quick_find.png
  Search (quick find): Centered search modal: query field, filter chips (Title only, Created by, In, Filter), results list on the left and a live page preview on the right; keyboard hint in the footer. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-16_settings_preferences_appearance.png
  Settings · Preferences: Settings modal with its own grouped sidebar (Account, Workspace, Features, Admin); Preferences rows with title, helper text and right-aligned selects/toggles: Theme and High contrast (Beta) both “Use system setting”. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-18_dark_mode_welcome_page.png
  Welcome page in dark mode: Identical layout in Dark: near-black page, slightly lighter sidebar, gray callout; blue stays the only strong accent. Captured 2026-10-23 ~00:03 (UTC+8) inside Notion (notion.so) with a free personal account. Reference capture for design research; Notion’s UI, content and marks © Notion Labs, all rights reserved. Account name, workspace name and location are blanked out.
  In-app screenshots: reference captures from a free personal account; UI and marks © Notion Labs

WR-004-app-*.png: logged-in reference captures from a free Notion account (2026-10-23 ~00:03 (UTC+8)); UI, content and marks belong to Notion. Not published: the two sign-up screens (they show the account email and a verification code). Blanked: the list of other people’s workspaces on the join screen, the account/workspace name wherever it appears, and the time-zone location.
Screenshots are fair-use reference captures; the website, its content and marks belong to their owner.