[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnotion\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":56,"showcases":278,"links":279,"dates":338},"\u002Fexamples\u002Fapps\u002Fnotion\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Notion product screens examples - Nicelydone","Browse Notion screen design examples. Preview the interface screenshots and explore related UI patterns. A unified workspace for modern teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F86b2ce2d-c2c1-4326-908b-50295cc608c3.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Notion design examples","\u002Fexamples\u002Fapps\u002Fnotion",{"label":23,"to":4},"Notion product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Notion","notion","A unified workspace for modern teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-67e349e9.png","http:\u002F\u002Fnotion.so","NotionHQ",[36,40,44,48,52],{"id":37,"title":38,"slug":39},29,"Task Management","task-management",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",{"id":45,"title":46,"slug":47},22,"Knowledge Management","knowledge-management",{"id":49,"title":50,"slug":51},23,"Collaboration","collaboration",{"id":53,"title":54,"slug":55},80,"Artificial Intelligence","artificial-intelligence",[57,82,96,107,123,134,157,184,201,226,242,255],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":75,"app":80},"86b2ce2d-c2c1-4326-908b-50295cc608c3","Notion - Log in","Sign-in screen where the user authenticates with Google, Apple, email, or SAML SSO.",3024,1674,"Notion - Log in from Notion","screen",[66],{"id":67,"label":68,"slug":69,"rank":70,"group":71},4,"Sign In","sign-in",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",[76],{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":59,"description":84,"canonical_path":4,"image":85,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":86,"component_categories":92,"app":94},"16b06563-6395-49cb-a207-e9ebf2872379","Sign-in screen where the user authenticates with Google, Apple, SAML SSO, or requests a password reset link via email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16b06563-6395-49cb-a207-e9ebf2872379.png",[87],{"id":88,"label":89,"slug":90,"rank":70,"group":91},2,"Forgot Password","forgot-password",{"id":72,"label":73,"slug":74},[93],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":59,"description":98,"canonical_path":4,"image":99,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":100,"component_categories":103,"app":105},"304bf669-1d30-4dd2-a633-a576283897fc","Sign-in screen where the user authenticates with Google or Apple, or chooses email or SAML SSO, with a message confirming a password reset link was sent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F304bf669-1d30-4dd2-a633-a576283897fc.png",[101],{"id":88,"label":89,"slug":90,"rank":70,"group":102},{"id":72,"label":73,"slug":74},[104],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":4,"image":111,"width":61,"height":62,"image_alt":112,"kind":64,"patterns":113,"component_categories":119,"app":121},"193deda9-aa8c-47ce-bde3-159e7a484999","Notion - Sign up","Signup screen where the user enters a temporary login code sent to their email or chooses to authenticate with Google, Apple, or SAML SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F193deda9-aa8c-47ce-bde3-159e7a484999.png","Notion - Sign up from Notion",[114],{"id":115,"label":116,"slug":117,"rank":70,"group":118},6,"Verification","verification",{"id":72,"label":73,"slug":74},[120],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":109,"description":125,"canonical_path":4,"image":126,"width":61,"height":62,"image_alt":112,"kind":64,"patterns":127,"component_categories":130,"app":132},"0640c58f-f03d-4693-a959-9858b9ac3424","Signup page where the user enters a temporary login code sent to their email or chooses to authenticate with Google, Apple, or SAML SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0640c58f-f03d-4693-a959-9858b9ac3424.png",[128],{"id":115,"label":116,"slug":117,"rank":70,"group":129},{"id":72,"label":73,"slug":74},[131],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":109,"description":136,"canonical_path":4,"image":137,"width":61,"height":62,"image_alt":112,"kind":64,"patterns":138,"component_categories":149,"app":155},"84563dbf-f96b-4b64-a8bc-4a203d8698f1","Signup screen where the user authenticates with a temporary email code, triggering a loading state while their Notion account is created.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84563dbf-f96b-4b64-a8bc-4a203d8698f1.png",[139,141],{"id":115,"label":116,"slug":117,"rank":70,"group":140},{"id":72,"label":73,"slug":74},{"id":142,"label":143,"slug":144,"rank":72,"group":145},120,"Loading","loading",{"id":146,"label":147,"slug":148},12,"States & Feedback","states-and-feedback",[150,154],{"id":151,"title":152,"slug":153},284,"Modal","modal",{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":159,"description":160,"canonical_path":4,"image":161,"width":61,"height":62,"image_alt":162,"kind":64,"patterns":163,"component_categories":176,"app":182},"f7659650-5a18-4a70-83e5-72fa4ff08ef5","Notion – The all-in-one workspace for your notes, tasks, wikis, a","Signup step where the user provides their name, optionally uploads a profile photo, and sets a password for their new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff7659650-5a18-4a70-83e5-72fa4ff08ef5.png","Notion – The all-in-one workspace for your notes, tasks, wikis, a from Notion",[164,168],{"id":72,"label":165,"slug":166,"rank":70,"group":167},"Account Setup","account-setup",{"id":72,"label":73,"slug":74},{"id":169,"label":170,"slug":171,"rank":72,"group":172},74,"Onboarding Checklist","onboarding-checklist",{"id":173,"label":174,"slug":175},7,"Onboarding & Education","onboarding-and-education",[177,181],{"id":178,"title":179,"slug":180},169,"Avatar","avatar",{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":159,"description":186,"canonical_path":4,"image":187,"width":61,"height":62,"image_alt":162,"kind":64,"patterns":188,"component_categories":196,"app":199},"be4455e7-a44a-43a9-aea8-681167e4ad18","Onboarding welcome screen interrupted by a system modal requiring the user to acknowledge a page reload to apply cookie preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbe4455e7-a44a-43a9-aea8-681167e4ad18.png",[189,194],{"id":190,"label":191,"slug":192,"rank":70,"group":193},114,"Confirmation","confirmation",{"id":146,"label":147,"slug":148},{"id":72,"label":165,"slug":166,"rank":72,"group":195},{"id":72,"label":73,"slug":74},[197,198],{"id":178,"title":179,"slug":180},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":200},[],{"uuid":202,"title":159,"description":203,"canonical_path":4,"image":204,"width":61,"height":62,"image_alt":162,"kind":64,"patterns":205,"component_categories":221,"app":224},"a3636248-156b-476d-b9bd-18a0568f2fcc","Onboarding step where the user enters their display name, uploads a profile photo, and sets a password to complete account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa3636248-156b-476d-b9bd-18a0568f2fcc.png",[206,208,213],{"id":72,"label":165,"slug":166,"rank":70,"group":207},{"id":72,"label":73,"slug":74},{"id":209,"label":210,"slug":211,"rank":72,"group":212},5,"Sign Up","sign-up",{"id":72,"label":73,"slug":74},{"id":214,"label":215,"slug":216,"rank":88,"group":217},3,"Profile","profile",{"id":218,"label":219,"slug":220},11,"Social & Collaboration","social-and-collaboration",[222,223],{"id":178,"title":179,"slug":180},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":225},[],{"uuid":227,"title":159,"description":228,"canonical_path":4,"image":229,"width":61,"height":62,"image_alt":162,"kind":64,"patterns":230,"component_categories":237,"app":240},"aa0d0844-6b85-4b80-95c7-566912a41faf","Onboarding screen where the user sets their display name, password, and optional profile photo to complete account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa0d0844-6b85-4b80-95c7-566912a41faf.png",[231,233,235],{"id":72,"label":165,"slug":166,"rank":70,"group":232},{"id":72,"label":73,"slug":74},{"id":209,"label":210,"slug":211,"rank":72,"group":234},{"id":72,"label":73,"slug":74},{"id":214,"label":215,"slug":216,"rank":88,"group":236},{"id":218,"label":219,"slug":220},[238,239],{"id":178,"title":179,"slug":180},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":241},[],{"uuid":243,"title":159,"description":244,"canonical_path":4,"image":245,"width":61,"height":62,"image_alt":162,"kind":64,"patterns":246,"component_categories":251,"app":253},"696ea806-cb7b-4d4d-bef6-af5e76e6a5c3","Onboarding step where the user sets their display name, uploads a profile photo, and creates a password to complete account setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F696ea806-cb7b-4d4d-bef6-af5e76e6a5c3.png",[247,249],{"id":72,"label":165,"slug":166,"rank":70,"group":248},{"id":72,"label":73,"slug":74},{"id":209,"label":210,"slug":211,"rank":72,"group":250},{"id":72,"label":73,"slug":74},[252],{"id":178,"title":179,"slug":180},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":159,"description":257,"canonical_path":4,"image":258,"width":61,"height":62,"image_alt":162,"kind":64,"patterns":259,"component_categories":270,"app":276},"f506fb22-04ed-480c-a7dc-8057fa6b4f68","Onboarding step where the user selects their primary use case between team, personal, or school to tailor their setup experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff506fb22-04ed-480c-a7dc-8057fa6b4f68.png",[260,265],{"id":261,"label":262,"slug":263,"rank":70,"group":264},75,"Setup Wizard","setup-wizard",{"id":173,"label":174,"slug":175},{"id":266,"label":267,"slug":268,"rank":72,"group":269},72,"Getting Started","getting-started",{"id":173,"label":174,"slug":175},[271,275],{"id":272,"title":273,"slug":274},174,"Card","card",{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":277},[],[],[280,282,284,286,288,290,292,294,296,298,300,302,305,308,311,314,317,320,322,326,330,334],{"label":165,"to":281},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":210,"to":283},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":116,"to":285},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":89,"to":287},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":215,"to":289},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":191,"to":291},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":267,"to":293},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":143,"to":295},"\u002Fexamples\u002Fscreens\u002Floading",{"label":170,"to":297},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":262,"to":299},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":68,"to":301},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":303,"to":304},"Notion marketing pages","\u002Fexamples\u002Fapps\u002Fnotion\u002Fmarketing",{"label":306,"to":307},"Notion user flows","\u002Fexamples\u002Fapps\u002Fnotion\u002Fflows",{"label":309,"to":310},"Notion UI components","\u002Fexamples\u002Fapps\u002Fnotion\u002Fcomponents",{"label":312,"to":313},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":315,"to":316},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":318,"to":319},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":321,"to":18},"All SaaS app examples",{"label":323,"to":324,"description":325},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":327,"to":328,"description":329},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":331,"to":332,"description":333},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":335,"to":336,"description":337},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":339,"updated_at":340},"2016-08-16T08:20:47.000Z","2026-09-13T13:02:39.000Z"]