[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F099d68d5-98d6-48ae-a30f-5a260091da04":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":103,"links":104,"dates":117},"\u002Fexamples\u002Fscreens\u002F099d68d5-98d6-48ae-a30f-5a260091da04","detail","screens",true,{"title":9,"description":10,"og_image":11},"AI - Nicelydone","Screen UI design example from Notion. Content editor where the user is formatting a selected text block using an inline toolbar that includes an AI…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F099d68d5-98d6-48ae-a30f-5a260091da04.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"AI",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Notion. Content editor where the user is formatting a selected text block using an inline toolbar that includes an AI assistant option, while a banner warns them to confirm their subscription payment.",[],[],[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":68,"app":77},"099d68d5-98d6-48ae-a30f-5a260091da04","Content editor where the user is formatting a selected text block using an inline toolbar that includes an AI assistant option, while a banner warns them to confirm their subscription payment.","\u002Fexamples\u002Fapps\u002Fnotion\u002Fscreens",3024,1738,"AI from Notion","2023-04-19T09:13:42.000Z","screen",[37,45,54,60],{"id":38,"label":39,"slug":40,"rank":41,"group":42},27,"AI Assistant","ai-assistant",0,{"id":43,"label":20,"slug":44},3,"ai",{"id":46,"label":47,"slug":48,"rank":49,"group":50},134,"Warning","warning",1,{"id":51,"label":52,"slug":53},12,"States & Feedback","states-and-feedback",{"id":55,"label":56,"slug":57,"rank":58,"group":59},114,"Confirmation","confirmation",2,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":43,"group":64},81,"Home","home",{"id":65,"label":66,"slug":67},8,"Pages & Content","pages-and-content",[69,73],{"id":70,"title":71,"slug":72},177,"Breadcrumb","breadcrumb",{"id":74,"title":75,"slug":76},169,"Avatar","avatar",{"slug":78,"title":79,"logo":80,"baseline":81,"categories":82},"notion","Notion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-67e349e9.png","A unified workspace for modern teams",[83,87,91,95,99],{"id":84,"title":85,"slug":86},29,"Task Management","task-management",{"id":88,"title":89,"slug":90},30,"Productivity","productivity",{"id":92,"title":93,"slug":94},22,"Knowledge Management","knowledge-management",{"id":96,"title":97,"slug":98},23,"Collaboration","collaboration",{"id":100,"title":101,"slug":102},80,"Artificial Intelligence","artificial-intelligence",[],[105,107,109,111,113,115],{"label":39,"to":106},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":56,"to":108},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":62,"to":110},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":47,"to":112},"\u002Fexamples\u002Fscreens\u002Fwarning",{"label":114,"to":30},"Notion screen designs",{"label":116,"to":18},"All screen examples",{"published_at":118,"updated_at":119},"2023-04-18T09:39:25.000Z","2026-06-13T22:18:59.912Z"]