[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnotion-mail":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":56,"showcases":57,"links":356,"dates":371},"\u002Fexamples\u002Fapps\u002Fnotion-mail","detail","apps",true,{"title":9,"description":10,"og_image":11},"Notion Mail design examples - Nicelydone","Explore Notion Mail UI design examples. The inbox that thinks like you","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23c9bd19-af33-4e56-9769-9d97d0c1b292.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 Mail design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Notion Mail",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"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",[48,52],{"id":49,"title":50,"slug":51},92,"Email","email",{"id":53,"title":54,"slug":55},80,"Artificial Intelligence","artificial-intelligence",[],[58,347,350,353],{"family":59,"examples":60},"screens",[61,86,113,150,165,184,199,220,267,292,308,325],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":79,"app":84},"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",[70],{"id":71,"label":72,"slug":73,"rank":74,"group":75},4,"Sign In","sign-in",0,{"id":76,"label":77,"slug":78},1,"Access & Account","access-and-account",[80],{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":29,"image":90,"width":65,"height":66,"image_alt":91,"kind":68,"patterns":92,"component_categories":109,"app":111},"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",[93,101],{"id":94,"label":95,"slug":96,"rank":74,"group":97},120,"Loading","loading",{"id":98,"label":99,"slug":100},12,"States & Feedback","states-and-feedback",{"id":102,"label":103,"slug":104,"rank":76,"group":105},74,"Onboarding Checklist","onboarding-checklist",{"id":106,"label":107,"slug":108},7,"Onboarding & Education","onboarding-and-education",[110],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":29,"image":117,"width":65,"height":66,"image_alt":118,"kind":68,"patterns":119,"component_categories":138,"app":148},"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",[120,125,133],{"id":121,"label":122,"slug":123,"rank":74,"group":124},75,"Setup Wizard","setup-wizard",{"id":106,"label":107,"slug":108},{"id":126,"label":127,"slug":128,"rank":76,"group":129},13,"Filter & Sort","filter-and-sort",{"id":130,"label":131,"slug":132},2,"Actions","actions",{"id":134,"label":135,"slug":136,"rank":130,"group":137},72,"Getting Started","getting-started",{"id":106,"label":107,"slug":108},[139,143,147],{"id":140,"title":141,"slug":142},169,"Avatar","avatar",{"id":144,"title":145,"slug":146},277,"Button group","button-group",{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":149},[],{"uuid":151,"title":115,"description":152,"canonical_path":29,"image":153,"width":65,"height":66,"image_alt":118,"kind":68,"patterns":154,"component_categories":159,"app":163},"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",[155,157],{"id":126,"label":127,"slug":128,"rank":74,"group":156},{"id":130,"label":131,"slug":132},{"id":134,"label":135,"slug":136,"rank":76,"group":158},{"id":106,"label":107,"slug":108},[160,161,162],{"id":140,"title":141,"slug":142},{"id":144,"title":145,"slug":146},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":164},[],{"uuid":166,"title":115,"description":167,"canonical_path":29,"image":168,"width":65,"height":66,"image_alt":118,"kind":68,"patterns":169,"component_categories":179,"app":182},"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",[170,172,174,176],{"id":102,"label":103,"slug":104,"rank":74,"group":171},{"id":106,"label":107,"slug":108},{"id":134,"label":135,"slug":136,"rank":76,"group":173},{"id":106,"label":107,"slug":108},{"id":126,"label":127,"slug":128,"rank":130,"group":175},{"id":130,"label":131,"slug":132},{"id":121,"label":122,"slug":123,"rank":177,"group":178},3,{"id":106,"label":107,"slug":108},[180,181],{"id":140,"title":141,"slug":142},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":183},[],{"uuid":185,"title":115,"description":186,"canonical_path":29,"image":187,"width":65,"height":66,"image_alt":118,"kind":68,"patterns":188,"component_categories":193,"app":197},"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",[189,191],{"id":126,"label":127,"slug":128,"rank":74,"group":190},{"id":130,"label":131,"slug":132},{"id":121,"label":122,"slug":123,"rank":76,"group":192},{"id":106,"label":107,"slug":108},[194,195,196],{"id":144,"title":145,"slug":146},{"id":140,"title":141,"slug":142},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":198},[],{"uuid":200,"title":115,"description":201,"canonical_path":29,"image":202,"width":65,"height":66,"image_alt":118,"kind":68,"patterns":203,"component_categories":214,"app":218},"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",[204,206],{"id":94,"label":95,"slug":96,"rank":74,"group":205},{"id":98,"label":99,"slug":100},{"id":207,"label":208,"slug":209,"rank":76,"group":210},102,"Settings","settings",{"id":211,"label":212,"slug":213},10,"Settings & Admin","settings-and-admin",[215,216,217],{"id":144,"title":145,"slug":146},{"id":140,"title":141,"slug":142},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":219},[],{"uuid":221,"title":115,"description":222,"canonical_path":29,"image":223,"width":65,"height":66,"image_alt":118,"kind":68,"patterns":224,"component_categories":250,"app":265},"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",[225,232,240,245],{"id":226,"label":227,"slug":228,"rank":74,"group":229},27,"AI Assistant","ai-assistant",{"id":177,"label":230,"slug":231},"AI","ai",{"id":233,"label":234,"slug":235,"rank":76,"group":236},110,"Notifications","notifications",{"id":237,"label":238,"slug":239},11,"Social & Collaboration","social-and-collaboration",{"id":241,"label":242,"slug":243,"rank":130,"group":244},73,"Guided Tour","guided-tour",{"id":106,"label":107,"slug":108},{"id":246,"label":247,"slug":248,"rank":177,"group":249},22,"Search","search",{"id":130,"label":131,"slug":132},[251,255,259,263,264],{"id":252,"title":253,"slug":254},211,"Pagination","pagination",{"id":256,"title":257,"slug":258},214,"Popover","popover",{"id":260,"title":261,"slug":262},260,"Badge","badge",{"id":144,"title":145,"slug":146},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":266},[],{"uuid":268,"title":115,"description":269,"canonical_path":29,"image":270,"width":65,"height":66,"image_alt":118,"kind":68,"patterns":271,"component_categories":286,"app":290},"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",[272,277,279,284],{"id":273,"label":274,"slug":275,"rank":74,"group":276},109,"Messages","messages",{"id":237,"label":238,"slug":239},{"id":226,"label":227,"slug":228,"rank":76,"group":278},{"id":177,"label":230,"slug":231},{"id":280,"label":281,"slug":282,"rank":130,"group":283},29,"AI Editing","ai-editing",{"id":177,"label":230,"slug":231},{"id":241,"label":242,"slug":243,"rank":177,"group":285},{"id":106,"label":107,"slug":108},[287,288,289],{"id":256,"title":257,"slug":258},{"id":260,"title":261,"slug":262},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":291},[],{"uuid":293,"title":115,"description":294,"canonical_path":29,"image":295,"width":65,"height":66,"image_alt":118,"kind":68,"patterns":296,"component_categories":303,"app":306},"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",[297,299,301],{"id":280,"label":281,"slug":282,"rank":74,"group":298},{"id":177,"label":230,"slug":231},{"id":126,"label":127,"slug":128,"rank":76,"group":300},{"id":130,"label":131,"slug":132},{"id":273,"label":274,"slug":275,"rank":130,"group":302},{"id":237,"label":238,"slug":239},[304,305],{"id":260,"title":261,"slug":262},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":307},[],{"uuid":309,"title":115,"description":310,"canonical_path":29,"image":311,"width":65,"height":66,"image_alt":118,"kind":68,"patterns":312,"component_categories":319,"app":323},"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",[313,315,317],{"id":273,"label":274,"slug":275,"rank":74,"group":314},{"id":237,"label":238,"slug":239},{"id":126,"label":127,"slug":128,"rank":76,"group":316},{"id":130,"label":131,"slug":132},{"id":207,"label":208,"slug":209,"rank":130,"group":318},{"id":211,"label":212,"slug":213},[320,321,322],{"id":256,"title":257,"slug":258},{"id":260,"title":261,"slug":262},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":324},[],{"uuid":326,"title":115,"description":327,"canonical_path":29,"image":328,"width":65,"height":66,"image_alt":118,"kind":68,"patterns":329,"component_categories":339,"app":345},"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",[330,335,337],{"id":331,"label":332,"slug":333,"rank":74,"group":334},26,"AI Agent","ai-agent",{"id":177,"label":230,"slug":231},{"id":94,"label":95,"slug":96,"rank":76,"group":336},{"id":98,"label":99,"slug":100},{"id":273,"label":274,"slug":275,"rank":130,"group":338},{"id":237,"label":238,"slug":239},[340,344],{"id":341,"title":342,"slug":343},284,"Modal","modal",{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":346},[],{"family":348,"examples":349},"flows",[],{"family":351,"examples":352},"components",[],{"family":354,"examples":355},"pages",[],[357,359,361,363,365,368],{"label":358,"to":29},"Notion Mail product screens",{"label":360,"to":38},"Notion Mail marketing pages",{"label":362,"to":32},"Notion Mail user flows",{"label":364,"to":35},"Notion Mail UI components",{"label":366,"to":367},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":369,"to":370},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":372,"updated_at":373},"2025-04-18T08:46:56.000Z","2026-09-13T13:02:39.000Z"]