[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Ff14fcd8d-21d5-487d-90d9-13402084ee2d":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":106,"links":107,"dates":122},"\u002Fexamples\u002Fscreens\u002Ff14fcd8d-21d5-487d-90d9-13402084ee2d","detail","screens",true,{"title":9,"description":10,"og_image":11},"Search • nicelydoneproducts@gmail.com • Notion Mail - Nicelydone","Screen UI design example from Notion Mail. Detail page where the user reads a specific newsletter email in a modal overlay, featuring a top toolbar with…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff14fcd8d-21d5-487d-90d9-13402084ee2d.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Search • nicelydoneproducts@gmail.com • Notion Mail",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Notion Mail. Detail page where the user reads a specific newsletter email in a modal overlay, featuring a top toolbar with actions to auto-label, archive, or delete the message.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":75,"app":92},"f14fcd8d-21d5-487d-90d9-13402084ee2d","Detail page where the user reads a specific newsletter email in a modal overlay, featuring a top toolbar with actions to auto-label, archive, or delete the message.","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens",3024,1714,"Search • nicelydoneproducts@gmail.com • Notion Mail from Notion Mail","2025-04-21T10:48:03.000Z","screen",[37,46,52,60,66],{"id":38,"label":39,"slug":40,"rank":41,"group":42},82,"Media Detail","media-detail",0,{"id":43,"label":44,"slug":45},8,"Pages & Content","pages-and-content",{"id":47,"label":48,"slug":49,"rank":50,"group":51},84,"Search Results","search-results",1,{"id":43,"label":44,"slug":45},{"id":53,"label":54,"slug":55,"rank":56,"group":57},9,"Delete","delete",2,{"id":56,"label":58,"slug":59},"Actions","actions",{"id":61,"label":62,"slug":63,"rank":64,"group":65},13,"Filter & Sort","filter-and-sort",3,{"id":56,"label":58,"slug":59},{"id":67,"label":68,"slug":69,"rank":70,"group":71},58,"Media Editor","media-editor",4,{"id":72,"label":73,"slug":74},5,"Media & Tools","media-and-tools",[76,80,84,88],{"id":77,"title":78,"slug":79},284,"Modal","modal",{"id":81,"title":82,"slug":83},175,"Button","button",{"id":85,"title":86,"slug":87},260,"Badge","badge",{"id":89,"title":90,"slug":91},169,"Avatar","avatar",{"slug":93,"title":94,"logo":95,"baseline":96,"categories":97},"notion-mail","Notion Mail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","The inbox that thinks like you",[98,102],{"id":99,"title":100,"slug":101},92,"Email","email",{"id":103,"title":104,"slug":105},80,"Artificial Intelligence","artificial-intelligence",[],[108,110,112,114,116,118,120],{"label":54,"to":109},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":62,"to":111},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":39,"to":113},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":68,"to":115},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":48,"to":117},"\u002Fexamples\u002Fscreens\u002Fsearch-results",{"label":119,"to":30},"Notion Mail screen designs",{"label":121,"to":18},"All screen examples",{"published_at":123,"updated_at":124},"2025-04-18T09:03:14.000Z","2026-06-13T21:47:23.552Z"]