[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcopilot\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":271,"links":272,"dates":292},"\u002Fexamples\u002Fapps\u002Fcopilot\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Copilot product screens examples - Nicelydone","Browse Copilot screen design examples. Preview the interface screenshots and explore related UI patterns. Your AI companion","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c250980-c5f3-4e48-a759-462aca91dbfc.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},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot",{"label":23,"to":4},"Copilot 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,"categories":34},"Copilot","copilot","Your AI companion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcopilot-rnbvo0y1.png","https:\u002F\u002Fwww.copilot.com",[35],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",[40,82,109,129,144,160,181,203,218,232,245,258],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":75,"app":80},"4c250980-c5f3-4e48-a759-462aca91dbfc","Microsoft Copilot: Your AI companion","AI chat interface where the user can start a new conversation using text or voice, with prompt suggestions like \"Write a first draft\" and a sidebar prompting them to sign in to save history.",3024,1714,"Microsoft Copilot: Your AI companion from Copilot","screen",[49,58,67],{"id":50,"label":51,"slug":52,"rank":53,"group":54},28,"AI Chat","ai-chat",0,{"id":55,"label":56,"slug":57},3,"AI","ai",{"id":59,"label":60,"slug":61,"rank":62,"group":63},115,"Empty State","empty-state",1,{"id":64,"label":65,"slug":66},12,"States & Feedback","states-and-feedback",{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",2,{"id":62,"label":73,"slug":74},"Access & Account","access-and-account",[76],{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":42,"description":84,"canonical_path":4,"image":85,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":86,"component_categories":97,"app":107},"fe8ff0b7-aa94-44be-96d9-204f664f337a","AI chat interface where the user is prompted to start a conversation, use suggested prompts, or sign in to save their history.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe8ff0b7-aa94-44be-96d9-204f664f337a.png",[87,89],{"id":50,"label":51,"slug":52,"rank":53,"group":88},{"id":55,"label":56,"slug":57},{"id":90,"label":91,"slug":92,"rank":62,"group":93},81,"Home","home",{"id":94,"label":95,"slug":96},8,"Pages & Content","pages-and-content",[98,102,106],{"id":99,"title":100,"slug":101},240,"Horizontal navigation","horizontal-navigation",{"id":103,"title":104,"slug":105},174,"Card","card",{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":42,"description":111,"canonical_path":4,"image":112,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":113,"component_categories":121,"app":127},"39934d53-7f8a-4bbd-9c19-b8c68e80ba30","AI chat interface where the user can start a new conversation by typing a prompt or selecting from suggested topics like writing a draft or getting advice.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F39934d53-7f8a-4bbd-9c19-b8c68e80ba30.png",[114,116],{"id":50,"label":51,"slug":52,"rank":53,"group":115},{"id":55,"label":56,"slug":57},{"id":117,"label":118,"slug":119,"rank":62,"group":120},27,"AI Assistant","ai-assistant",{"id":55,"label":56,"slug":57},[122,126],{"id":123,"title":124,"slug":125},277,"Button group","button-group",{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":42,"description":131,"canonical_path":4,"image":132,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":133,"component_categories":140,"app":142},"23776fff-f9c1-483c-b64f-aae03e2244d8","AI chat start screen where the user can enter a prompt or choose from suggested topics like writing a draft or learning something new.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23776fff-f9c1-483c-b64f-aae03e2244d8.png",[134,136,138],{"id":50,"label":51,"slug":52,"rank":53,"group":135},{"id":55,"label":56,"slug":57},{"id":59,"label":60,"slug":61,"rank":62,"group":137},{"id":64,"label":65,"slug":66},{"id":117,"label":118,"slug":119,"rank":71,"group":139},{"id":55,"label":56,"slug":57},[141],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":42,"description":146,"canonical_path":4,"image":147,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":148,"component_categories":156,"app":158},"5eddf818-038a-4d09-8816-15e1178f4b73","AI chat interface where the user has asked about mainframes and the assistant is actively streaming its response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5eddf818-038a-4d09-8816-15e1178f4b73.png",[149,151],{"id":50,"label":51,"slug":52,"rank":53,"group":150},{"id":55,"label":56,"slug":57},{"id":152,"label":153,"slug":154,"rank":62,"group":155},120,"Loading","loading",{"id":64,"label":65,"slug":66},[157],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":42,"description":162,"canonical_path":4,"image":163,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":164,"component_categories":177,"app":179},"e55850c4-8386-45f8-bf86-520d5150143a","AI chat interface where the user asks to learn about mainframes and the assistant streams its response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe55850c4-8386-45f8-bf86-520d5150143a.png",[165,167,172],{"id":50,"label":51,"slug":52,"rank":53,"group":166},{"id":55,"label":56,"slug":57},{"id":168,"label":169,"slug":170,"rank":62,"group":171},35,"Chatbot","chatbot",{"id":55,"label":56,"slug":57},{"id":173,"label":174,"slug":175,"rank":71,"group":176},82,"Media Detail","media-detail",{"id":94,"label":95,"slug":96},[178],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":180},[],{"uuid":182,"title":42,"description":183,"canonical_path":4,"image":184,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":185,"component_categories":198,"app":201},"10055e04-fd47-402b-a57c-0c15849cb748","AI chat interface where an anonymous user asks about mainframes and receives a detailed, bulleted response, with a prompt to sign in at the top.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10055e04-fd47-402b-a57c-0c15849cb748.png",[186,188,190],{"id":50,"label":51,"slug":52,"rank":53,"group":187},{"id":55,"label":56,"slug":57},{"id":68,"label":69,"slug":70,"rank":62,"group":189},{"id":62,"label":73,"slug":74},{"id":191,"label":192,"slug":193,"rank":71,"group":194},78,"Article","article",{"id":195,"label":196,"slug":197},15,"Marketing Page Types","marketing-page-types",[199,200],{"id":103,"title":104,"slug":105},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":202},[],{"uuid":204,"title":42,"description":205,"canonical_path":4,"image":206,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":207,"component_categories":214,"app":216},"079a66a8-7ae2-4c7e-bbf9-33d9cf7e7bf9","AI chat interface where the user reads a response about mainframes and can select from suggested follow-up prompts or type a new message.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F079a66a8-7ae2-4c7e-bbf9-33d9cf7e7bf9.png",[208,210,212],{"id":50,"label":51,"slug":52,"rank":53,"group":209},{"id":55,"label":56,"slug":57},{"id":168,"label":169,"slug":170,"rank":62,"group":211},{"id":55,"label":56,"slug":57},{"id":68,"label":69,"slug":70,"rank":71,"group":213},{"id":62,"label":73,"slug":74},[215],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":42,"description":205,"canonical_path":4,"image":220,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":221,"component_categories":228,"app":230},"274a2d4f-6fdc-4da7-a0c7-9e31fd3f16f7","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F274a2d4f-6fdc-4da7-a0c7-9e31fd3f16f7.png",[222,224,226],{"id":50,"label":51,"slug":52,"rank":53,"group":223},{"id":55,"label":56,"slug":57},{"id":168,"label":169,"slug":170,"rank":62,"group":225},{"id":55,"label":56,"slug":57},{"id":68,"label":69,"slug":70,"rank":71,"group":227},{"id":62,"label":73,"slug":74},[229],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":231},[],{"uuid":233,"title":42,"description":234,"canonical_path":4,"image":235,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":236,"component_categories":241,"app":243},"9435f356-5571-4151-aa23-a1e79f6dfcab","AI chat interface where the user asks about mainframe security and the assistant begins streaming a response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9435f356-5571-4151-aa23-a1e79f6dfcab.png",[237,239],{"id":50,"label":51,"slug":52,"rank":53,"group":238},{"id":55,"label":56,"slug":57},{"id":68,"label":69,"slug":70,"rank":62,"group":240},{"id":62,"label":73,"slug":74},[242],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":42,"description":247,"canonical_path":4,"image":248,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":249,"component_categories":254,"app":256},"9b4b4a0d-e77d-4a8d-8600-589ef9b594a4","AI chat interface where the user reads a detailed response about mainframe security features and can reply using text or voice.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b4b4a0d-e77d-4a8d-8600-589ef9b594a4.png",[250,252],{"id":50,"label":51,"slug":52,"rank":53,"group":251},{"id":55,"label":56,"slug":57},{"id":68,"label":69,"slug":70,"rank":62,"group":253},{"id":62,"label":73,"slug":74},[255],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":257},[],{"uuid":259,"title":42,"description":260,"canonical_path":4,"image":261,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":262,"component_categories":267,"app":269},"c274754f-dcf6-4f8a-a9f6-26b5f561c89e","AI chat interface where an unauthenticated user reads a generated response about mainframe security and drafts a follow-up prompt in a floating composer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc274754f-dcf6-4f8a-a9f6-26b5f561c89e.png",[263,265],{"id":50,"label":51,"slug":52,"rank":53,"group":264},{"id":55,"label":56,"slug":57},{"id":68,"label":69,"slug":70,"rank":62,"group":266},{"id":62,"label":73,"slug":74},[268],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":270},[],[],[273,275,277,279,281,283,285,287,289],{"label":51,"to":274},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":69,"to":276},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":169,"to":278},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":118,"to":280},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":60,"to":282,"count":71},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":91,"to":284,"count":62},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":153,"to":286,"count":62},"\u002Fexamples\u002Fscreens\u002Floading",{"label":174,"to":288,"count":62},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":290,"to":291},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":293,"updated_at":294},"2025-05-05T09:36:41.000Z","2026-09-13T13:02:39.000Z"]