Northbase*
PatternsFlowsSystemsPricing
Ask N*Sign inSign up
Northbase
PatternsFlowsSystemsAboutPricingPrivacyTerms
© 2026 Northbase. All rights reserved.
    1. Systems
    2. Notion

    Notion UX Patterns

    Real screenshots and analysis of how Notion handles empty states, error states, AI input & output, and permissions. See exactly how they implement these patterns across their product.

    Notion's design philosophy centers on blocks as a universal primitive — every piece of content is a block that can be moved, nested, and transformed. This composability means the product must handle an enormous range of contexts, from a simple to-do list to a full-featured database. Their system states navigate this flexibility: empty pages feel like a blank canvas with gentle prompts, errors must make sense whether you're editing text or configuring a database relation, and permissions span personal pages, shared team spaces, and public wikis.

    Patterns

    Empty States
    119 empty state examples from Notion, Slack, Figma & 7 more. Visual patterns, microcopy analysis, and decision frameworks.
    View examples
    Error States
    83 error state examples from 10 enterprise systems. Delivery patterns, microcopy analysis, and recovery frameworks.
    View examples
    Permission & Access Control
    How 10 enterprise systems handle permissions—152 instances across invite flows, role models, access control, and destructive actions.
    View examples
    AI Input & Output
    How this system handles AI input composition, entry points, response display, and message controls.
    View examples

    Flows

    Onboarding Flows
    How 8 enterprise systems onboard new users—90 instances across signup, verification, profile setup, team invites, tutorials, and first-action prompts.
    Explore flow