[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":331,"links":332,"dates":390},"\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Notion Mail product screens examples - Nicelydone","Browse Notion Mail screen design examples. Preview the interface screenshots and explore related UI patterns. The inbox that thinks like you","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23c9bd19-af33-4e56-9769-9d97d0c1b292.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 Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"label":23,"to":4},"Notion Mail 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 Mail","notion-mail","The inbox that thinks like you","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","https:\u002F\u002Fwww.notion.com\u002Fproduct\u002Fmail","notionhq",[36,40],{"id":37,"title":38,"slug":39},92,"Email","email",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",[45,70,97,134,149,168,183,204,251,276,292,309],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":68},"23c9bd19-af33-4e56-9769-9d97d0c1b292","Notion - Log in","Sign-in screen where the user authenticates to Notion Mail using Google, Apple, Microsoft, a passkey, SSO, or email.",3024,1714,"Notion - Log in from Notion Mail","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64],{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":72,"description":73,"canonical_path":4,"image":74,"width":49,"height":50,"image_alt":75,"kind":52,"patterns":76,"component_categories":93,"app":95},"ddbee14b-e638-458e-8aa5-7128d4802e2f","Your connected workspace for wiki, docs & projects | Notion","Onboarding screen where the application is getting set up, featuring a centered loading spinner and a floating cookie consent banner at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fddbee14b-e638-458e-8aa5-7128d4802e2f.png","Your connected workspace for wiki, docs & projects | Notion from Notion Mail",[77,85],{"id":78,"label":79,"slug":80,"rank":58,"group":81},120,"Loading","loading",{"id":82,"label":83,"slug":84},12,"States & Feedback","states-and-feedback",{"id":86,"label":87,"slug":88,"rank":60,"group":89},74,"Onboarding Checklist","onboarding-checklist",{"id":90,"label":91,"slug":92},7,"Onboarding & Education","onboarding-and-education",[94],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":4,"image":101,"width":49,"height":50,"image_alt":102,"kind":52,"patterns":103,"component_categories":122,"app":132},"f9eefc64-31b6-4f77-805e-9e358b2766df","99+ • Inbox • nicelydoneproducts@gmail.com • Notion Mail","Onboarding step where the user configures filtered inbox views like Calendar, Social, and Promotions before entering the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9eefc64-31b6-4f77-805e-9e358b2766df.png","99+ • Inbox • nicelydoneproducts@gmail.com • Notion Mail from Notion Mail",[104,109,117],{"id":105,"label":106,"slug":107,"rank":58,"group":108},75,"Setup Wizard","setup-wizard",{"id":90,"label":91,"slug":92},{"id":110,"label":111,"slug":112,"rank":60,"group":113},13,"Filter & Sort","filter-and-sort",{"id":114,"label":115,"slug":116},2,"Actions","actions",{"id":118,"label":119,"slug":120,"rank":114,"group":121},72,"Getting Started","getting-started",{"id":90,"label":91,"slug":92},[123,127,131],{"id":124,"title":125,"slug":126},169,"Avatar","avatar",{"id":128,"title":129,"slug":130},277,"Button group","button-group",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":99,"description":136,"canonical_path":4,"image":137,"width":49,"height":50,"image_alt":102,"kind":52,"patterns":138,"component_categories":143,"app":147},"aaad77f1-cabf-468e-b829-9fb8981e2a95","Onboarding step where the user configures filtered views for their inbox like Calendar, Social, and Promotions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faaad77f1-cabf-468e-b829-9fb8981e2a95.png",[139,141],{"id":110,"label":111,"slug":112,"rank":58,"group":140},{"id":114,"label":115,"slug":116},{"id":118,"label":119,"slug":120,"rank":60,"group":142},{"id":90,"label":91,"slug":92},[144,145,146],{"id":124,"title":125,"slug":126},{"id":128,"title":129,"slug":130},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":99,"description":151,"canonical_path":4,"image":152,"width":49,"height":50,"image_alt":102,"kind":52,"patterns":153,"component_categories":163,"app":166},"2f140e77-1696-4ca3-b665-c019458e5d95","Onboarding step where the user configures filtered inbox views like Calendar, Social, and Promotions before continuing to the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f140e77-1696-4ca3-b665-c019458e5d95.png",[154,156,158,160],{"id":86,"label":87,"slug":88,"rank":58,"group":155},{"id":90,"label":91,"slug":92},{"id":118,"label":119,"slug":120,"rank":60,"group":157},{"id":90,"label":91,"slug":92},{"id":110,"label":111,"slug":112,"rank":114,"group":159},{"id":114,"label":115,"slug":116},{"id":105,"label":106,"slug":107,"rank":161,"group":162},3,{"id":90,"label":91,"slug":92},[164,165],{"id":124,"title":125,"slug":126},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":99,"description":170,"canonical_path":4,"image":171,"width":49,"height":50,"image_alt":102,"kind":52,"patterns":172,"component_categories":177,"app":181},"4f671b84-9cff-4320-8412-85a7a0e823a7","Onboarding step where the user configures their inbox by splitting mail into filtered views like Calendar, Social, and Promotions, alongside a live preview of the resulting interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4f671b84-9cff-4320-8412-85a7a0e823a7.png",[173,175],{"id":110,"label":111,"slug":112,"rank":58,"group":174},{"id":114,"label":115,"slug":116},{"id":105,"label":106,"slug":107,"rank":60,"group":176},{"id":90,"label":91,"slug":92},[178,179,180],{"id":128,"title":129,"slug":130},{"id":124,"title":125,"slug":126},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":99,"description":185,"canonical_path":4,"image":186,"width":49,"height":50,"image_alt":102,"kind":52,"patterns":187,"component_categories":198,"app":202},"6717cce7-bd3e-4ba7-b907-5bdf57afa6b0","Onboarding step where the user configures filtered views like Calendar, Social, and Promotions for their new email inbox, while a loading state processes the setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6717cce7-bd3e-4ba7-b907-5bdf57afa6b0.png",[188,190],{"id":78,"label":79,"slug":80,"rank":58,"group":189},{"id":82,"label":83,"slug":84},{"id":191,"label":192,"slug":193,"rank":60,"group":194},102,"Settings","settings",{"id":195,"label":196,"slug":197},10,"Settings & Admin","settings-and-admin",[199,200,201],{"id":128,"title":129,"slug":130},{"id":124,"title":125,"slug":126},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":99,"description":206,"canonical_path":4,"image":207,"width":49,"height":50,"image_alt":102,"kind":52,"patterns":208,"component_categories":234,"app":249},"32e1e67e-45a0-4592-9bda-2d16de9bf2b7","Email inbox where a product tour tooltip introduces the user to an AI-powered auto-labeling feature.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F32e1e67e-45a0-4592-9bda-2d16de9bf2b7.png",[209,216,224,229],{"id":210,"label":211,"slug":212,"rank":58,"group":213},27,"AI Assistant","ai-assistant",{"id":161,"label":214,"slug":215},"AI","ai",{"id":217,"label":218,"slug":219,"rank":60,"group":220},110,"Notifications","notifications",{"id":221,"label":222,"slug":223},11,"Social & Collaboration","social-and-collaboration",{"id":225,"label":226,"slug":227,"rank":114,"group":228},73,"Guided Tour","guided-tour",{"id":90,"label":91,"slug":92},{"id":230,"label":231,"slug":232,"rank":161,"group":233},22,"Search","search",{"id":114,"label":115,"slug":116},[235,239,243,247,248],{"id":236,"title":237,"slug":238},211,"Pagination","pagination",{"id":240,"title":241,"slug":242},214,"Popover","popover",{"id":244,"title":245,"slug":246},260,"Badge","badge",{"id":128,"title":129,"slug":130},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":99,"description":253,"canonical_path":4,"image":254,"width":49,"height":50,"image_alt":102,"kind":52,"patterns":255,"component_categories":270,"app":274},"c41ef963-494c-4ab7-8e34-1768ae2522f2","Email inbox where the user is guided by a coach mark to use an AI auto-labeling popover that suggests categories like 'Security alerts' or 'Spammy emails' to organize their messages.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc41ef963-494c-4ab7-8e34-1768ae2522f2.png",[256,261,263,268],{"id":257,"label":258,"slug":259,"rank":58,"group":260},109,"Messages","messages",{"id":221,"label":222,"slug":223},{"id":210,"label":211,"slug":212,"rank":60,"group":262},{"id":161,"label":214,"slug":215},{"id":264,"label":265,"slug":266,"rank":114,"group":267},29,"AI Editing","ai-editing",{"id":161,"label":214,"slug":215},{"id":225,"label":226,"slug":227,"rank":161,"group":269},{"id":90,"label":91,"slug":92},[271,272,273],{"id":240,"title":241,"slug":242},{"id":244,"title":245,"slug":246},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":275},[],{"uuid":277,"title":99,"description":278,"canonical_path":4,"image":279,"width":49,"height":50,"image_alt":102,"kind":52,"patterns":280,"component_categories":287,"app":290},"d9c90cba-9e49-4247-a2df-a57facc3f290","Email inbox where the user is configuring an AI auto-labeling rule to sort incoming messages.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd9c90cba-9e49-4247-a2df-a57facc3f290.png",[281,283,285],{"id":264,"label":265,"slug":266,"rank":58,"group":282},{"id":161,"label":214,"slug":215},{"id":110,"label":111,"slug":112,"rank":60,"group":284},{"id":114,"label":115,"slug":116},{"id":257,"label":258,"slug":259,"rank":114,"group":286},{"id":221,"label":222,"slug":223},[288,289],{"id":244,"title":245,"slug":246},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":291},[],{"uuid":293,"title":99,"description":294,"canonical_path":4,"image":295,"width":49,"height":50,"image_alt":102,"kind":52,"patterns":296,"component_categories":303,"app":307},"a2d81ccd-2c2a-467c-bbda-275f34ec84f2","Email inbox where the user views recent messages, with a popover open to configure view settings for the 'spam' label.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2d81ccd-2c2a-467c-bbda-275f34ec84f2.png",[297,299,301],{"id":257,"label":258,"slug":259,"rank":58,"group":298},{"id":221,"label":222,"slug":223},{"id":110,"label":111,"slug":112,"rank":60,"group":300},{"id":114,"label":115,"slug":116},{"id":191,"label":192,"slug":193,"rank":114,"group":302},{"id":195,"label":196,"slug":197},[304,305,306],{"id":240,"title":241,"slug":242},{"id":244,"title":245,"slug":246},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":308},[],{"uuid":310,"title":99,"description":311,"canonical_path":4,"image":312,"width":49,"height":50,"image_alt":102,"kind":52,"patterns":313,"component_categories":323,"app":329},"372d9212-df9b-470a-ab15-1e6e7523bd65","Inbox view where a modal displays the progress of an AI agent creating an auto-label for 'spam', showing steps like searching for relevant emails.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F372d9212-df9b-470a-ab15-1e6e7523bd65.png",[314,319,321],{"id":315,"label":316,"slug":317,"rank":58,"group":318},26,"AI Agent","ai-agent",{"id":161,"label":214,"slug":215},{"id":78,"label":79,"slug":80,"rank":60,"group":320},{"id":82,"label":83,"slug":84},{"id":257,"label":258,"slug":259,"rank":114,"group":322},{"id":221,"label":222,"slug":223},[324,328],{"id":325,"title":326,"slug":327},284,"Modal","modal",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":330},[],[],[333,335,337,339,341,343,345,347,349,351,353,355,357,360,363,366,369,372,374,378,382,386],{"label":111,"to":334},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":258,"to":336},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":119,"to":338},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":79,"to":340},"\u002Fexamples\u002Fscreens\u002Floading",{"label":106,"to":342},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":211,"to":344},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":265,"to":346},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":226,"to":348},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":87,"to":350},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":192,"to":352},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":316,"to":354},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":218,"to":356},"\u002Fexamples\u002Fscreens\u002Fnotifications",{"label":358,"to":359},"Notion Mail marketing pages","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fmarketing",{"label":361,"to":362},"Notion Mail user flows","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fflows",{"label":364,"to":365},"Notion Mail UI components","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fcomponents",{"label":367,"to":368},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":370,"to":371},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":373,"to":18},"All SaaS app examples",{"label":375,"to":376,"description":377},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":379,"to":380,"description":381},"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":383,"to":384,"description":385},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":387,"to":388,"description":389},"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":391,"updated_at":392},"2025-04-18T08:46:56.000Z","2026-09-13T13:02:39.000Z"]