[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnotion":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":68,"showcases":69,"links":303,"dates":339},"\u002Fexamples\u002Fapps\u002Fnotion","detail","apps",true,{"title":9,"description":10,"og_image":11},"Notion design examples - Nicelydone","Explore Notion UI design examples. A unified workspace for modern teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F86b2ce2d-c2c1-4326-908b-50295cc608c3.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Notion design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Notion",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fnotion\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fnotion\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fnotion\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fnotion\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Notion","notion","A unified workspace for modern teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-67e349e9.png","http:\u002F\u002Fnotion.so","NotionHQ",[48,52,56,60,64],{"id":49,"title":50,"slug":51},29,"Task Management","task-management",{"id":53,"title":54,"slug":55},30,"Productivity","productivity",{"id":57,"title":58,"slug":59},22,"Knowledge Management","knowledge-management",{"id":61,"title":62,"slug":63},23,"Collaboration","collaboration",{"id":65,"title":66,"slug":67},80,"Artificial Intelligence","artificial-intelligence",[],[70,294,297,300],{"family":71,"examples":72},"screens",[73,98,112,123,139,150,173,200,217,242,258,271],{"uuid":74,"title":75,"description":76,"canonical_path":29,"image":11,"width":77,"height":78,"image_alt":79,"kind":80,"patterns":81,"component_categories":91,"app":96},"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",[82],{"id":83,"label":84,"slug":85,"rank":86,"group":87},4,"Sign In","sign-in",0,{"id":88,"label":89,"slug":90},1,"Access & Account","access-and-account",[92],{"id":93,"title":94,"slug":95},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":97},[],{"uuid":99,"title":75,"description":100,"canonical_path":29,"image":101,"width":77,"height":78,"image_alt":79,"kind":80,"patterns":102,"component_categories":108,"app":110},"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",[103],{"id":104,"label":105,"slug":106,"rank":86,"group":107},2,"Forgot Password","forgot-password",{"id":88,"label":89,"slug":90},[109],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":111},[],{"uuid":113,"title":75,"description":114,"canonical_path":29,"image":115,"width":77,"height":78,"image_alt":79,"kind":80,"patterns":116,"component_categories":119,"app":121},"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",[117],{"id":104,"label":105,"slug":106,"rank":86,"group":118},{"id":88,"label":89,"slug":90},[120],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":122},[],{"uuid":124,"title":125,"description":126,"canonical_path":29,"image":127,"width":77,"height":78,"image_alt":128,"kind":80,"patterns":129,"component_categories":135,"app":137},"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",[130],{"id":131,"label":132,"slug":133,"rank":86,"group":134},6,"Verification","verification",{"id":88,"label":89,"slug":90},[136],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":138},[],{"uuid":140,"title":125,"description":141,"canonical_path":29,"image":142,"width":77,"height":78,"image_alt":128,"kind":80,"patterns":143,"component_categories":146,"app":148},"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",[144],{"id":131,"label":132,"slug":133,"rank":86,"group":145},{"id":88,"label":89,"slug":90},[147],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":149},[],{"uuid":151,"title":125,"description":152,"canonical_path":29,"image":153,"width":77,"height":78,"image_alt":128,"kind":80,"patterns":154,"component_categories":165,"app":171},"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",[155,157],{"id":131,"label":132,"slug":133,"rank":86,"group":156},{"id":88,"label":89,"slug":90},{"id":158,"label":159,"slug":160,"rank":88,"group":161},120,"Loading","loading",{"id":162,"label":163,"slug":164},12,"States & Feedback","states-and-feedback",[166,170],{"id":167,"title":168,"slug":169},284,"Modal","modal",{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":172},[],{"uuid":174,"title":175,"description":176,"canonical_path":29,"image":177,"width":77,"height":78,"image_alt":178,"kind":80,"patterns":179,"component_categories":192,"app":198},"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",[180,184],{"id":88,"label":181,"slug":182,"rank":86,"group":183},"Account Setup","account-setup",{"id":88,"label":89,"slug":90},{"id":185,"label":186,"slug":187,"rank":88,"group":188},74,"Onboarding Checklist","onboarding-checklist",{"id":189,"label":190,"slug":191},7,"Onboarding & Education","onboarding-and-education",[193,197],{"id":194,"title":195,"slug":196},169,"Avatar","avatar",{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":199},[],{"uuid":201,"title":175,"description":202,"canonical_path":29,"image":203,"width":77,"height":78,"image_alt":178,"kind":80,"patterns":204,"component_categories":212,"app":215},"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",[205,210],{"id":206,"label":207,"slug":208,"rank":86,"group":209},114,"Confirmation","confirmation",{"id":162,"label":163,"slug":164},{"id":88,"label":181,"slug":182,"rank":88,"group":211},{"id":88,"label":89,"slug":90},[213,214],{"id":194,"title":195,"slug":196},{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":216},[],{"uuid":218,"title":175,"description":219,"canonical_path":29,"image":220,"width":77,"height":78,"image_alt":178,"kind":80,"patterns":221,"component_categories":237,"app":240},"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",[222,224,229],{"id":88,"label":181,"slug":182,"rank":86,"group":223},{"id":88,"label":89,"slug":90},{"id":225,"label":226,"slug":227,"rank":88,"group":228},5,"Sign Up","sign-up",{"id":88,"label":89,"slug":90},{"id":230,"label":231,"slug":232,"rank":104,"group":233},3,"Profile","profile",{"id":234,"label":235,"slug":236},11,"Social & Collaboration","social-and-collaboration",[238,239],{"id":194,"title":195,"slug":196},{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":241},[],{"uuid":243,"title":175,"description":244,"canonical_path":29,"image":245,"width":77,"height":78,"image_alt":178,"kind":80,"patterns":246,"component_categories":253,"app":256},"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",[247,249,251],{"id":88,"label":181,"slug":182,"rank":86,"group":248},{"id":88,"label":89,"slug":90},{"id":225,"label":226,"slug":227,"rank":88,"group":250},{"id":88,"label":89,"slug":90},{"id":230,"label":231,"slug":232,"rank":104,"group":252},{"id":234,"label":235,"slug":236},[254,255],{"id":194,"title":195,"slug":196},{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":257},[],{"uuid":259,"title":175,"description":260,"canonical_path":29,"image":261,"width":77,"height":78,"image_alt":178,"kind":80,"patterns":262,"component_categories":267,"app":269},"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",[263,265],{"id":88,"label":181,"slug":182,"rank":86,"group":264},{"id":88,"label":89,"slug":90},{"id":225,"label":226,"slug":227,"rank":88,"group":266},{"id":88,"label":89,"slug":90},[268],{"id":194,"title":195,"slug":196},{"slug":42,"title":41,"logo":44,"categories":270},[],{"uuid":272,"title":175,"description":273,"canonical_path":29,"image":274,"width":77,"height":78,"image_alt":178,"kind":80,"patterns":275,"component_categories":286,"app":292},"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",[276,281],{"id":277,"label":278,"slug":279,"rank":86,"group":280},75,"Setup Wizard","setup-wizard",{"id":189,"label":190,"slug":191},{"id":282,"label":283,"slug":284,"rank":88,"group":285},72,"Getting Started","getting-started",{"id":189,"label":190,"slug":191},[287,291],{"id":288,"title":289,"slug":290},174,"Card","card",{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":293},[],{"family":295,"examples":296},"flows",[],{"family":298,"examples":299},"components",[],{"family":301,"examples":302},"pages",[],[304,306,308,310,312,315,318,321,323,327,331,335],{"label":305,"to":29},"Notion product screens",{"label":307,"to":38},"Notion marketing pages",{"label":309,"to":32},"Notion user flows",{"label":311,"to":35},"Notion UI components",{"label":313,"to":314},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":316,"to":317},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":319,"to":320},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":322,"to":18},"All SaaS app examples",{"label":324,"to":325,"description":326},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":328,"to":329,"description":330},"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":332,"to":333,"description":334},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":336,"to":337,"description":338},"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":340,"updated_at":341},"2016-08-16T08:20:47.000Z","2026-09-13T13:02:39.000Z"]