[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnavigator":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":45,"showcases":46,"links":366,"dates":398},"\u002Fexamples\u002Fapps\u002Fnavigator","detail","apps",true,{"title":9,"description":10,"og_image":11},"Navigator design examples - Nicelydone","Explore Navigator UI design examples. Love your meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fnavigator_sign-in_46a4a3fa_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Navigator design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Navigator",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fnavigator\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fnavigator\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Navigator","navigator","Love your meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnavigator-1891b365.png","https:\u002F\u002Fnavigator.com",[41],{"id":42,"title":43,"slug":44},30,"Productivity","productivity",[],[47,363],{"family":48,"examples":49},"screens",[50,83,118,145,169,185,208,233,276,303,324,338],{"uuid":51,"title":52,"description":53,"canonical_path":29,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":68,"app":81},"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",[59],{"id":60,"label":61,"slug":62,"rank":63,"group":64},4,"Sign In","sign-in",0,{"id":65,"label":66,"slug":67},1,"Access & Account","access-and-account",[69,73,77],{"id":70,"title":71,"slug":72},284,"Modal","modal",{"id":74,"title":75,"slug":76},175,"Button","button",{"id":78,"title":79,"slug":80},174,"Card","card",{"slug":36,"title":35,"logo":38,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":29,"image":87,"width":88,"height":55,"image_alt":89,"kind":57,"patterns":90,"component_categories":110,"app":116},"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",[91,96,104],{"id":92,"label":93,"slug":94,"rank":63,"group":95},5,"Sign Up","sign-up",{"id":65,"label":66,"slug":67},{"id":97,"label":98,"slug":99,"rank":65,"group":100},27,"AI Assistant","ai-assistant",{"id":101,"label":102,"slug":103},3,"AI","ai",{"id":105,"label":106,"slug":107,"rank":108,"group":109},35,"Chatbot","chatbot",2,{"id":101,"label":102,"slug":103},[111,115],{"id":112,"title":113,"slug":114},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":117},[],{"uuid":119,"title":120,"description":121,"canonical_path":29,"image":122,"width":54,"height":55,"image_alt":123,"kind":57,"patterns":124,"component_categories":140,"app":143},"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",[125,132],{"id":126,"label":127,"slug":128,"rank":63,"group":129},51,"Calendar","calendar",{"id":92,"label":130,"slug":131},"Media & Tools","media-and-tools",{"id":133,"label":134,"slug":135,"rank":65,"group":136},75,"Setup Wizard","setup-wizard",{"id":137,"label":138,"slug":139},7,"Onboarding & Education","onboarding-and-education",[141,142],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":144},[],{"uuid":146,"title":120,"description":147,"canonical_path":29,"image":148,"width":54,"height":55,"image_alt":123,"kind":57,"patterns":149,"component_categories":164,"app":167},"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",[150,155,157],{"id":151,"label":152,"slug":153,"rank":63,"group":154},74,"Onboarding Checklist","onboarding-checklist",{"id":137,"label":138,"slug":139},{"id":97,"label":98,"slug":99,"rank":65,"group":156},{"id":101,"label":102,"slug":103},{"id":158,"label":159,"slug":160,"rank":108,"group":161},21,"Schedule","schedule",{"id":108,"label":162,"slug":163},"Actions","actions",[165,166],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":168},[],{"uuid":170,"title":120,"description":171,"canonical_path":29,"image":172,"width":54,"height":55,"image_alt":123,"kind":57,"patterns":173,"component_categories":179,"app":183},"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",[174],{"id":175,"label":176,"slug":177,"rank":63,"group":178},28,"AI Chat","ai-chat",{"id":101,"label":102,"slug":103},[180,181,182],{"id":112,"title":113,"slug":114},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":184},[],{"uuid":186,"title":187,"description":188,"canonical_path":29,"image":189,"width":54,"height":55,"image_alt":190,"kind":57,"patterns":191,"component_categories":202,"app":206},"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",[192,194],{"id":126,"label":127,"slug":128,"rank":63,"group":193},{"id":92,"label":130,"slug":131},{"id":195,"label":196,"slug":197,"rank":65,"group":198},115,"Empty State","empty-state",{"id":199,"label":200,"slug":201},12,"States & Feedback","states-and-feedback",[203,204,205],{"id":112,"title":113,"slug":114},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":207},[],{"uuid":209,"title":210,"description":211,"canonical_path":29,"image":212,"width":54,"height":55,"image_alt":213,"kind":57,"patterns":214,"component_categories":219,"app":231},"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",[215,217],{"id":126,"label":127,"slug":128,"rank":63,"group":216},{"id":92,"label":130,"slug":131},{"id":195,"label":196,"slug":197,"rank":65,"group":218},{"id":199,"label":200,"slug":201},[220,224,228,229,230],{"id":221,"title":222,"slug":223},214,"Popover","popover",{"id":225,"title":226,"slug":227},277,"Button group","button-group",{"id":112,"title":113,"slug":114},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":232},[],{"uuid":234,"title":235,"description":236,"canonical_path":29,"image":237,"width":54,"height":55,"image_alt":238,"kind":57,"patterns":239,"component_categories":269,"app":274},"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",[240,242,247,254,262],{"id":126,"label":127,"slug":128,"rank":63,"group":241},{"id":92,"label":130,"slug":131},{"id":243,"label":244,"slug":245,"rank":65,"group":246},11,"Edit","edit",{"id":108,"label":162,"slug":163},{"id":248,"label":249,"slug":250,"rank":108,"group":251},106,"Comments","comments",{"id":243,"label":252,"slug":253},"Social & Collaboration","social-and-collaboration",{"id":255,"label":256,"slug":257,"rank":101,"group":258},85,"Tasks","tasks",{"id":259,"label":260,"slug":261},8,"Pages & Content","pages-and-content",{"id":263,"label":264,"slug":265,"rank":60,"group":266},41,"Dashboard","dashboard",{"id":60,"label":267,"slug":268},"Data & Analysis","data-and-analysis",[270,271,272,273],{"id":225,"title":226,"slug":227},{"id":112,"title":113,"slug":114},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":275},[],{"uuid":277,"title":278,"description":279,"canonical_path":29,"image":280,"width":54,"height":55,"image_alt":281,"kind":57,"patterns":282,"component_categories":296,"app":301},"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",[283,285,287,289,291],{"id":243,"label":244,"slug":245,"rank":63,"group":284},{"id":108,"label":162,"slug":163},{"id":248,"label":249,"slug":250,"rank":65,"group":286},{"id":243,"label":252,"slug":253},{"id":126,"label":127,"slug":128,"rank":108,"group":288},{"id":92,"label":130,"slug":131},{"id":263,"label":264,"slug":265,"rank":101,"group":290},{"id":60,"label":267,"slug":268},{"id":292,"label":293,"slug":294,"rank":60,"group":295},9,"Delete","delete",{"id":108,"label":162,"slug":163},[297,298,299,300],{"id":225,"title":226,"slug":227},{"id":112,"title":113,"slug":114},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":302},[],{"uuid":304,"title":305,"description":306,"canonical_path":29,"image":307,"width":54,"height":55,"image_alt":308,"kind":57,"patterns":309,"component_categories":318,"app":322},"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",[310],{"id":311,"label":312,"slug":313,"rank":63,"group":314},97,"Integrations","integrations",{"id":315,"label":316,"slug":317},10,"Settings & Admin","settings-and-admin",[319,320,321],{"id":112,"title":113,"slug":114},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":323},[],{"uuid":325,"title":326,"description":327,"canonical_path":29,"image":328,"width":54,"height":55,"image_alt":329,"kind":57,"patterns":330,"component_categories":333,"app":336},"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",[331],{"id":311,"label":312,"slug":313,"rank":63,"group":332},{"id":315,"label":316,"slug":317},[334,335],{"id":112,"title":113,"slug":114},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":337},[],{"uuid":339,"title":340,"description":341,"canonical_path":29,"image":342,"width":54,"height":55,"image_alt":343,"kind":57,"patterns":344,"component_categories":358,"app":361},"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",[345,350],{"id":346,"label":347,"slug":348,"rank":63,"group":349},79,"Browse","browse",{"id":259,"label":260,"slug":261},{"id":351,"label":352,"slug":353,"rank":65,"group":354},125,"Automation","automation",{"id":355,"label":356,"slug":357},13,"Workflow & Automation","workflow-and-automation",[359,360],{"id":112,"title":113,"slug":114},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":362},[],{"family":364,"examples":365},"pages",[],[367,369,371,374,377,380,382,386,390,394],{"label":368,"to":29},"Navigator product screens",{"label":370,"to":32},"Navigator marketing pages",{"label":372,"to":373},"Navigator user flows","\u002Fexamples\u002Fapps\u002Fnavigator\u002Fflows",{"label":375,"to":376},"Navigator UI components","\u002Fexamples\u002Fapps\u002Fnavigator\u002Fcomponents",{"label":378,"to":379},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":381,"to":18},"All SaaS app examples",{"label":383,"to":384,"description":385},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":387,"to":388,"description":389},"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":391,"to":392,"description":393},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":395,"to":396,"description":397},"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":399,"updated_at":400},"2020-01-14T13:40:00.000Z","2026-09-13T13:02:39.000Z"]