[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnavigator\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":353,"links":354,"dates":409},"\u002Fexamples\u002Fapps\u002Fnavigator\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Navigator product screens examples - Nicelydone","Browse Navigator screen design examples. Preview the interface screenshots and explore related UI patterns. Love your meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_sign-in_46a4a3fa_nicelydone.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},"Navigator design examples","\u002Fexamples\u002Fapps\u002Fnavigator",{"label":23,"to":4},"Navigator 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},"Navigator","navigator","Love your meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnavigator-1891b365.png","https:\u002F\u002Fnavigator.com",[35],{"id":36,"title":37,"slug":38},30,"Productivity","productivity",[40,73,108,135,159,175,198,223,266,293,314,328],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":71},"c02d57a4-b7ed-4245-a9d2-c02b53afef56","Sign in","Sign-in screen where the user authenticates via Google, Microsoft, Apple, or requests a magic link to their work email.",2880,1534,"Sign in from Navigator","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63,67],{"id":60,"title":61,"slug":62},284,"Modal","modal",{"id":64,"title":65,"slug":66},175,"Button","button",{"id":68,"title":69,"slug":70},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":78,"height":45,"image_alt":79,"kind":47,"patterns":80,"component_categories":100,"app":106},"10bf5ceb-9bea-4b79-acd7-5d9cb6a477eb","Sign up","Onboarding screen where an AI assistant introduces itself and asks for the user's name via a chat interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_sign-up_017639ed_nicelydone.png",2879,"Sign up from Navigator",[81,86,94],{"id":82,"label":83,"slug":84,"rank":53,"group":85},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},{"id":87,"label":88,"slug":89,"rank":55,"group":90},27,"AI Assistant","ai-assistant",{"id":91,"label":92,"slug":93},3,"AI","ai",{"id":95,"label":96,"slug":97,"rank":98,"group":99},35,"Chatbot","chatbot",2,{"id":91,"label":92,"slug":93},[101,105],{"id":102,"title":103,"slug":104},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":4,"image":112,"width":44,"height":45,"image_alt":113,"kind":47,"patterns":114,"component_categories":130,"app":133},"89bbf4fc-347f-47bd-a08b-c5e8fe8829ce","Onboarding","Onboarding step where a conversational interface prompts the user to connect their Google or Microsoft calendar to generate meeting agendas.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_onboarding_38f877c7_nicelydone.png","Onboarding from Navigator",[115,122],{"id":116,"label":117,"slug":118,"rank":53,"group":119},51,"Calendar","calendar",{"id":82,"label":120,"slug":121},"Media & Tools","media-and-tools",{"id":123,"label":124,"slug":125,"rank":55,"group":126},75,"Setup Wizard","setup-wizard",{"id":127,"label":128,"slug":129},7,"Onboarding & Education","onboarding-and-education",[131,132],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":110,"description":137,"canonical_path":4,"image":138,"width":44,"height":45,"image_alt":113,"kind":47,"patterns":139,"component_categories":154,"app":157},"3961e94e-c24b-41f3-b119-13e96fd98dbb","Conversational interface where the user sets up a recurring meeting by answering prompts and interacting with an inline scheduling card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_onboarding-2_af26b073_nicelydone.png",[140,145,147],{"id":141,"label":142,"slug":143,"rank":53,"group":144},74,"Onboarding Checklist","onboarding-checklist",{"id":127,"label":128,"slug":129},{"id":87,"label":88,"slug":89,"rank":55,"group":146},{"id":91,"label":92,"slug":93},{"id":148,"label":149,"slug":150,"rank":98,"group":151},21,"Schedule","schedule",{"id":98,"label":152,"slug":153},"Actions","actions",[155,156],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":110,"description":161,"canonical_path":4,"image":162,"width":44,"height":45,"image_alt":113,"kind":47,"patterns":163,"component_categories":169,"app":173},"59188bd2-e70a-4bf4-8a7b-6751ff931b3d","AI chat interface where the user is prompted to add attendees for a meeting via an inline form card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_onboarding-3_3d63229c_nicelydone.png",[164],{"id":165,"label":166,"slug":167,"rank":53,"group":168},28,"AI Chat","ai-chat",{"id":91,"label":92,"slug":93},[170,171,172],{"id":102,"title":103,"slug":104},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":4,"image":179,"width":44,"height":45,"image_alt":180,"kind":47,"patterns":181,"component_categories":192,"app":196},"fae97c8d-eb40-4dbe-b50a-8edb0f812e37","Home","Detail page for a specific calendar agenda showing an empty state with a prompt to add the first topic.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_home_4eb17d04_nicelydone.png","Home from Navigator",[182,184],{"id":116,"label":117,"slug":118,"rank":53,"group":183},{"id":82,"label":120,"slug":121},{"id":185,"label":186,"slug":187,"rank":55,"group":188},115,"Empty State","empty-state",{"id":189,"label":190,"slug":191},12,"States & Feedback","states-and-feedback",[193,194,195],{"id":102,"title":103,"slug":104},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":197},[],{"uuid":199,"title":200,"description":201,"canonical_path":4,"image":202,"width":44,"height":45,"image_alt":203,"kind":47,"patterns":204,"component_categories":209,"app":221},"eac91b3e-cce4-4120-8c40-101b3793c77e","Dropdown","Detail page for a calendar event where the user can add discussion topics to an empty agenda via a popover menu.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_dropdown_9a5ce3ec_nicelydone.png","Dropdown from Navigator",[205,207],{"id":116,"label":117,"slug":118,"rank":53,"group":206},{"id":82,"label":120,"slug":121},{"id":185,"label":186,"slug":187,"rank":55,"group":208},{"id":189,"label":190,"slug":191},[210,214,218,219,220],{"id":211,"title":212,"slug":213},214,"Popover","popover",{"id":215,"title":216,"slug":217},277,"Button group","button-group",{"id":102,"title":103,"slug":104},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":225,"description":226,"canonical_path":4,"image":227,"width":44,"height":45,"image_alt":228,"kind":47,"patterns":229,"component_categories":259,"app":264},"da01c2e8-29bc-42d8-9527-58404f5408e8","Calendar settings","Detail page for a meeting agenda topic where the user reviews context, adds meeting notes via a rich text editor, and creates assigned action items.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_calendar-settings_d07fad3c_nicelydone.png","Calendar settings from Navigator",[230,232,237,244,252],{"id":116,"label":117,"slug":118,"rank":53,"group":231},{"id":82,"label":120,"slug":121},{"id":233,"label":234,"slug":235,"rank":55,"group":236},11,"Edit","edit",{"id":98,"label":152,"slug":153},{"id":238,"label":239,"slug":240,"rank":98,"group":241},106,"Comments","comments",{"id":233,"label":242,"slug":243},"Social & Collaboration","social-and-collaboration",{"id":245,"label":246,"slug":247,"rank":91,"group":248},85,"Tasks","tasks",{"id":249,"label":250,"slug":251},8,"Pages & Content","pages-and-content",{"id":253,"label":254,"slug":255,"rank":50,"group":256},41,"Dashboard","dashboard",{"id":50,"label":257,"slug":258},"Data & Analysis","data-and-analysis",[260,261,262,263],{"id":215,"title":216,"slug":217},{"id":102,"title":103,"slug":104},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":265},[],{"uuid":267,"title":268,"description":269,"canonical_path":4,"image":270,"width":44,"height":45,"image_alt":271,"kind":47,"patterns":272,"component_categories":286,"app":291},"0bc5adf3-9d60-4ca8-91a6-8cb491a2ee51","Dropdown actions","Detail page where a user reviews and edits meeting notes, action items, and context for a specific agenda topic.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_dropdown-actions_9eaabf7f_nicelydone.png","Dropdown actions from Navigator",[273,275,277,279,281],{"id":233,"label":234,"slug":235,"rank":53,"group":274},{"id":98,"label":152,"slug":153},{"id":238,"label":239,"slug":240,"rank":55,"group":276},{"id":233,"label":242,"slug":243},{"id":116,"label":117,"slug":118,"rank":98,"group":278},{"id":82,"label":120,"slug":121},{"id":253,"label":254,"slug":255,"rank":91,"group":280},{"id":50,"label":257,"slug":258},{"id":282,"label":283,"slug":284,"rank":50,"group":285},9,"Delete","delete",{"id":98,"label":152,"slug":153},[287,288,289,290],{"id":215,"title":216,"slug":217},{"id":102,"title":103,"slug":104},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":292},[],{"uuid":294,"title":295,"description":296,"canonical_path":4,"image":297,"width":44,"height":45,"image_alt":298,"kind":47,"patterns":299,"component_categories":308,"app":312},"667ef25e-ef27-49bd-b76e-331131818c23","Integration settings","Settings page where the user browses available integrations like Slack, Google Calendar, and Microsoft Outlook, and views details to enable Slack for the Nicelydone team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_integration-settings_c2e1ebd9_nicelydone.png","Integration settings from Navigator",[300],{"id":301,"label":302,"slug":303,"rank":53,"group":304},97,"Integrations","integrations",{"id":305,"label":306,"slug":307},10,"Settings & Admin","settings-and-admin",[309,310,311],{"id":102,"title":103,"slug":104},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":313},[],{"uuid":315,"title":316,"description":317,"canonical_path":4,"image":318,"width":44,"height":45,"image_alt":319,"kind":47,"patterns":320,"component_categories":323,"app":326},"46bedf88-06d8-49c2-b08b-260d684f1bce","Calendar integrations","Settings page where the user can browse and connect integrations like Slack, Google Calendar, and Microsoft Outlook.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_calendar-integrations_44e56aec_nicelydone.png","Calendar integrations from Navigator",[321],{"id":301,"label":302,"slug":303,"rank":53,"group":322},{"id":305,"label":306,"slug":307},[324,325],{"id":102,"title":103,"slug":104},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":327},[],{"uuid":329,"title":330,"description":331,"canonical_path":4,"image":332,"width":44,"height":45,"image_alt":333,"kind":47,"patterns":334,"component_categories":348,"app":351},"75d4f42d-86e4-4af0-a098-b99213cf894c","Automation list","App view where the user browses available meeting automations like reminders, pre-reads, and meeting summaries provided by the assistant.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_automation-list_f8e8d0b1_nicelydone.png","Automation list from Navigator",[335,340],{"id":336,"label":337,"slug":338,"rank":53,"group":339},79,"Browse","browse",{"id":249,"label":250,"slug":251},{"id":341,"label":342,"slug":343,"rank":55,"group":344},125,"Automation","automation",{"id":345,"label":346,"slug":347},13,"Workflow & Automation","workflow-and-automation",[349,350],{"id":102,"title":103,"slug":104},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":352},[],[],[355,357,359,361,363,365,367,369,371,373,375,377,379,382,385,388,391,393,397,401,405],{"label":117,"to":356},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":88,"to":358},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":239,"to":360},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":254,"to":362},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":234,"to":364},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":186,"to":366},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":302,"to":368},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":166,"to":370},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":342,"to":372},"\u002Fexamples\u002Fscreens\u002Fautomation",{"label":337,"to":374},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":96,"to":376},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":283,"to":378},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":380,"to":381},"Navigator marketing pages","\u002Fexamples\u002Fapps\u002Fnavigator\u002Fmarketing",{"label":383,"to":384},"Navigator user flows","\u002Fexamples\u002Fapps\u002Fnavigator\u002Fflows",{"label":386,"to":387},"Navigator UI components","\u002Fexamples\u002Fapps\u002Fnavigator\u002Fcomponents",{"label":389,"to":390},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":392,"to":18},"All SaaS app examples",{"label":394,"to":395,"description":396},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":398,"to":399,"description":400},"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":402,"to":403,"description":404},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":406,"to":407,"description":408},"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":410,"updated_at":411},"2020-01-14T13:40:00.000Z","2026-09-13T13:02:39.000Z"]