[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcopilot":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":51,"showcases":52,"links":296,"dates":326},"\u002Fexamples\u002Fapps\u002Fcopilot","detail","apps",true,{"title":9,"description":10,"og_image":11},"Copilot design examples - Nicelydone","Explore Copilot UI design examples. Your AI companion","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c250980-c5f3-4e48-a759-462aca91dbfc.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Copilot design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Copilot",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Copilot","copilot","Your AI companion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcopilot-rnbvo0y1.png","https:\u002F\u002Fwww.copilot.com",[47],{"id":48,"title":49,"slug":50},80,"Artificial Intelligence","artificial-intelligence",[],[53,287,290,293],{"family":54,"examples":55},"screens",[56,98,125,145,160,176,197,219,234,248,261,274],{"uuid":57,"title":58,"description":59,"canonical_path":29,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":91,"app":96},"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",[65,74,83],{"id":66,"label":67,"slug":68,"rank":69,"group":70},28,"AI Chat","ai-chat",0,{"id":71,"label":72,"slug":73},3,"AI","ai",{"id":75,"label":76,"slug":77,"rank":78,"group":79},115,"Empty State","empty-state",1,{"id":80,"label":81,"slug":82},12,"States & Feedback","states-and-feedback",{"id":84,"label":85,"slug":86,"rank":87,"group":88},4,"Sign In","sign-in",2,{"id":78,"label":89,"slug":90},"Access & Account","access-and-account",[92],{"id":93,"title":94,"slug":95},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":97},[],{"uuid":99,"title":58,"description":100,"canonical_path":29,"image":101,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":102,"component_categories":113,"app":123},"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",[103,105],{"id":66,"label":67,"slug":68,"rank":69,"group":104},{"id":71,"label":72,"slug":73},{"id":106,"label":107,"slug":108,"rank":78,"group":109},81,"Home","home",{"id":110,"label":111,"slug":112},8,"Pages & Content","pages-and-content",[114,118,122],{"id":115,"title":116,"slug":117},240,"Horizontal navigation","horizontal-navigation",{"id":119,"title":120,"slug":121},174,"Card","card",{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":124},[],{"uuid":126,"title":58,"description":127,"canonical_path":29,"image":128,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":129,"component_categories":137,"app":143},"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",[130,132],{"id":66,"label":67,"slug":68,"rank":69,"group":131},{"id":71,"label":72,"slug":73},{"id":133,"label":134,"slug":135,"rank":78,"group":136},27,"AI Assistant","ai-assistant",{"id":71,"label":72,"slug":73},[138,142],{"id":139,"title":140,"slug":141},277,"Button group","button-group",{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":144},[],{"uuid":146,"title":58,"description":147,"canonical_path":29,"image":148,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":149,"component_categories":156,"app":158},"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",[150,152,154],{"id":66,"label":67,"slug":68,"rank":69,"group":151},{"id":71,"label":72,"slug":73},{"id":75,"label":76,"slug":77,"rank":78,"group":153},{"id":80,"label":81,"slug":82},{"id":133,"label":134,"slug":135,"rank":87,"group":155},{"id":71,"label":72,"slug":73},[157],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":159},[],{"uuid":161,"title":58,"description":162,"canonical_path":29,"image":163,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":164,"component_categories":172,"app":174},"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",[165,167],{"id":66,"label":67,"slug":68,"rank":69,"group":166},{"id":71,"label":72,"slug":73},{"id":168,"label":169,"slug":170,"rank":78,"group":171},120,"Loading","loading",{"id":80,"label":81,"slug":82},[173],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":175},[],{"uuid":177,"title":58,"description":178,"canonical_path":29,"image":179,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":180,"component_categories":193,"app":195},"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",[181,183,188],{"id":66,"label":67,"slug":68,"rank":69,"group":182},{"id":71,"label":72,"slug":73},{"id":184,"label":185,"slug":186,"rank":78,"group":187},35,"Chatbot","chatbot",{"id":71,"label":72,"slug":73},{"id":189,"label":190,"slug":191,"rank":87,"group":192},82,"Media Detail","media-detail",{"id":110,"label":111,"slug":112},[194],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":196},[],{"uuid":198,"title":58,"description":199,"canonical_path":29,"image":200,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":201,"component_categories":214,"app":217},"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",[202,204,206],{"id":66,"label":67,"slug":68,"rank":69,"group":203},{"id":71,"label":72,"slug":73},{"id":84,"label":85,"slug":86,"rank":78,"group":205},{"id":78,"label":89,"slug":90},{"id":207,"label":208,"slug":209,"rank":87,"group":210},78,"Article","article",{"id":211,"label":212,"slug":213},15,"Marketing Page Types","marketing-page-types",[215,216],{"id":119,"title":120,"slug":121},{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":218},[],{"uuid":220,"title":58,"description":221,"canonical_path":29,"image":222,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":223,"component_categories":230,"app":232},"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",[224,226,228],{"id":66,"label":67,"slug":68,"rank":69,"group":225},{"id":71,"label":72,"slug":73},{"id":184,"label":185,"slug":186,"rank":78,"group":227},{"id":71,"label":72,"slug":73},{"id":84,"label":85,"slug":86,"rank":87,"group":229},{"id":78,"label":89,"slug":90},[231],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":233},[],{"uuid":235,"title":58,"description":221,"canonical_path":29,"image":236,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":237,"component_categories":244,"app":246},"274a2d4f-6fdc-4da7-a0c7-9e31fd3f16f7","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F274a2d4f-6fdc-4da7-a0c7-9e31fd3f16f7.png",[238,240,242],{"id":66,"label":67,"slug":68,"rank":69,"group":239},{"id":71,"label":72,"slug":73},{"id":184,"label":185,"slug":186,"rank":78,"group":241},{"id":71,"label":72,"slug":73},{"id":84,"label":85,"slug":86,"rank":87,"group":243},{"id":78,"label":89,"slug":90},[245],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":247},[],{"uuid":249,"title":58,"description":250,"canonical_path":29,"image":251,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":252,"component_categories":257,"app":259},"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",[253,255],{"id":66,"label":67,"slug":68,"rank":69,"group":254},{"id":71,"label":72,"slug":73},{"id":84,"label":85,"slug":86,"rank":78,"group":256},{"id":78,"label":89,"slug":90},[258],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":260},[],{"uuid":262,"title":58,"description":263,"canonical_path":29,"image":264,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":265,"component_categories":270,"app":272},"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",[266,268],{"id":66,"label":67,"slug":68,"rank":69,"group":267},{"id":71,"label":72,"slug":73},{"id":84,"label":85,"slug":86,"rank":78,"group":269},{"id":78,"label":89,"slug":90},[271],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":273},[],{"uuid":275,"title":58,"description":276,"canonical_path":29,"image":277,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":278,"component_categories":283,"app":285},"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",[279,281],{"id":66,"label":67,"slug":68,"rank":69,"group":280},{"id":71,"label":72,"slug":73},{"id":84,"label":85,"slug":86,"rank":78,"group":282},{"id":78,"label":89,"slug":90},[284],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":286},[],{"family":288,"examples":289},"flows",[],{"family":291,"examples":292},"components",[],{"family":294,"examples":295},"pages",[],[297,299,301,303,305,308,310,314,318,322],{"label":298,"to":29},"Copilot product screens",{"label":300,"to":38},"Copilot marketing pages",{"label":302,"to":32},"Copilot user flows",{"label":304,"to":35},"Copilot UI components",{"label":306,"to":307},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":309,"to":18},"All SaaS app examples",{"label":311,"to":312,"description":313},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":315,"to":316,"description":317},"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":319,"to":320,"description":321},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":323,"to":324,"description":325},"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":327,"updated_at":328},"2025-05-05T09:36:41.000Z","2026-09-13T13:02:39.000Z"]