[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fotter\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":350,"links":351,"dates":412},"\u002Fexamples\u002Fapps\u002Fotter\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Otter product screens examples - Nicelydone","Browse Otter screen design examples. Preview the interface screenshots and explore related UI patterns. Voice meeting notes","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2bec807-8c57-439f-b9fe-3d995384f8ac.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},"Otter design examples","\u002Fexamples\u002Fapps\u002Fotter",{"label":23,"to":4},"Otter 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,"twitter_username":34,"categories":35},"Otter","otter","Voice meeting notes","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fotter-995b0fae.png","https:\u002F\u002Fotter.ai","otter_ai",[36,40,44],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},22,"Knowledge Management","knowledge-management",{"id":45,"title":46,"slug":47},30,"Productivity","productivity",[49,104,146,166,187,200,219,244,266,281,312,327],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":73,"app":102},"f2bec807-8c57-439f-b9fe-3d995384f8ac","Start for Free | Otter.ai","Pricing page where the user chooses between a free basic plan and a 7-day business trial.",3024,5248,"Start for Free | Otter.ai from Otter","screen",[58,67],{"id":59,"label":60,"slug":61,"rank":62,"group":63},89,"Pricing","pricing",0,{"id":64,"label":65,"slug":66},9,"Plans & Limits","plans-and-limits",{"id":68,"label":69,"slug":70,"rank":71,"group":72},91,"Trial","trial",1,{"id":64,"label":65,"slug":66},[74,78,82,86,90,94,98],{"id":75,"title":76,"slug":77},258,"Header","header",{"id":79,"title":80,"slug":81},189,"FAQ","faq",{"id":83,"title":84,"slug":85},202,"Footer","footer",{"id":87,"title":88,"slug":89},260,"Badge","badge",{"id":91,"title":92,"slug":93},168,"Accordion","accordion",{"id":95,"title":96,"slug":97},174,"Card","card",{"id":99,"title":100,"slug":101},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":4,"image":108,"width":53,"height":109,"image_alt":110,"kind":56,"patterns":111,"component_categories":139,"app":144},"606b2e7b-e20a-4533-811d-f2b0e2abe99c","Otter for Business - Increase productivity and engagement - Otter","Checkout page where the user creates an Otter Business account, applies a promo code, and enters payment details to start a 7-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F606b2e7b-e20a-4533-811d-f2b0e2abe99c.png",2686,"Otter for Business - Increase productivity and engagement - Otter from Otter",[112,120,125,133,136],{"id":113,"label":114,"slug":115,"rank":62,"group":116},130,"Checkout","checkout",{"id":117,"label":118,"slug":119},14,"Payments & Checkout","payments-and-checkout",{"id":121,"label":122,"slug":123,"rank":71,"group":124},131,"Payment Form","payment-form",{"id":117,"label":118,"slug":119},{"id":126,"label":127,"slug":128,"rank":129,"group":130},5,"Sign Up","sign-up",2,{"id":71,"label":131,"slug":132},"Access & Account","access-and-account",{"id":68,"label":69,"slug":70,"rank":134,"group":135},3,{"id":64,"label":65,"slug":66},{"id":59,"label":60,"slug":61,"rank":137,"group":138},4,{"id":64,"label":65,"slug":66},[140,141,142,143],{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":106,"description":148,"canonical_path":4,"image":149,"width":53,"height":150,"image_alt":110,"kind":56,"patterns":151,"component_categories":162,"app":164},"d86a9bab-c2fb-46b2-a5bb-34f6c3237605","Onboarding welcome screen confirming a completed purchase, displaying a countdown before automatically redirecting the user to their new workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd86a9bab-c2fb-46b2-a5bb-34f6c3237605.png",1778,[152,160],{"id":153,"label":154,"slug":155,"rank":62,"group":156},122,"Success","success",{"id":157,"label":158,"slug":159},12,"States & Feedback","states-and-feedback",{"id":68,"label":69,"slug":70,"rank":71,"group":161},{"id":64,"label":65,"slug":66},[163],{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":168,"description":169,"canonical_path":4,"image":170,"width":53,"height":150,"image_alt":171,"kind":56,"patterns":172,"component_categories":182,"app":185},"54b0b04b-15af-4668-a158-d429b11aa95f","Otter Voice Meeting Notes - Otter.ai","Verification screen where the user is instructed to check their inbox to confirm their email, with options to resend the link or sign in with a different address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F54b0b04b-15af-4668-a158-d429b11aa95f.png","Otter Voice Meeting Notes - Otter.ai from Otter",[173,178],{"id":174,"label":175,"slug":176,"rank":62,"group":177},6,"Verification","verification",{"id":71,"label":131,"slug":132},{"id":71,"label":179,"slug":180,"rank":71,"group":181},"Account Setup","account-setup",{"id":71,"label":131,"slug":132},[183,184],{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":168,"description":189,"canonical_path":4,"image":190,"width":53,"height":150,"image_alt":171,"kind":56,"patterns":191,"component_categories":196,"app":198},"6cf06dfe-61e5-4fa6-8a95-b0230cd861e2","Verification screen confirming the user's email address and automatically redirecting them to the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6cf06dfe-61e5-4fa6-8a95-b0230cd861e2.png",[192,194],{"id":174,"label":175,"slug":176,"rank":62,"group":193},{"id":71,"label":131,"slug":132},{"id":153,"label":154,"slug":155,"rank":71,"group":195},{"id":157,"label":158,"slug":159},[197],{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":168,"description":202,"canonical_path":4,"image":203,"width":53,"height":150,"image_alt":171,"kind":56,"patterns":204,"component_categories":215,"app":217},"2a8ae3a4-838d-4bd6-8ed7-542738115f48","Onboarding step where the user configures which meetings the assistant will automatically join and who it will share notes with via an inline sentence form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a8ae3a4-838d-4bd6-8ed7-542738115f48.png",[205,213],{"id":206,"label":207,"slug":208,"rank":62,"group":209},75,"Setup Wizard","setup-wizard",{"id":210,"label":211,"slug":212},7,"Onboarding & Education","onboarding-and-education",{"id":71,"label":179,"slug":180,"rank":71,"group":214},{"id":71,"label":131,"slug":132},[216],{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":218},[],{"uuid":220,"title":168,"description":221,"canonical_path":4,"image":222,"width":53,"height":150,"image_alt":171,"kind":56,"patterns":223,"component_categories":240,"app":242},"776973b4-0063-48ac-96f3-386dc80829a2","Onboarding step where the user configures automatic meeting notes by selecting which meetings the assistant should join and who to share notes with via a natural language form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F776973b4-0063-48ac-96f3-386dc80829a2.png",[224,226,233],{"id":206,"label":207,"slug":208,"rank":62,"group":225},{"id":210,"label":211,"slug":212},{"id":227,"label":228,"slug":229,"rank":71,"group":230},27,"AI Assistant","ai-assistant",{"id":134,"label":231,"slug":232},"AI","ai",{"id":234,"label":235,"slug":236,"rank":129,"group":237},42,"Form","form",{"id":137,"label":238,"slug":239},"Data & Analysis","data-and-analysis",[241],{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":243},[],{"uuid":245,"title":168,"description":246,"canonical_path":4,"image":247,"width":53,"height":150,"image_alt":171,"kind":56,"patterns":248,"component_categories":262,"app":264},"b181a6f6-dbd4-49e1-a210-859978f64ecd","Onboarding step where the user configures which meetings the AI assistant will automatically join and who it will share notes with.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb181a6f6-dbd4-49e1-a210-859978f64ecd.png",[249,251,253,255],{"id":206,"label":207,"slug":208,"rank":62,"group":250},{"id":210,"label":211,"slug":212},{"id":71,"label":179,"slug":180,"rank":71,"group":252},{"id":71,"label":131,"slug":132},{"id":227,"label":228,"slug":229,"rank":129,"group":254},{"id":134,"label":231,"slug":232},{"id":256,"label":257,"slug":258,"rank":134,"group":259},23,"Select","select",{"id":129,"label":260,"slug":261},"Actions","actions",[263],{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":265},[],{"uuid":267,"title":168,"description":268,"canonical_path":4,"image":269,"width":53,"height":150,"image_alt":171,"kind":56,"patterns":270,"component_categories":277,"app":279},"d7d2ef48-a7ed-4a45-91a0-f905f73daece","Onboarding step where the user configures which meetings their AI assistant should join and who to share notes with via inline dropdowns.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd7d2ef48-a7ed-4a45-91a0-f905f73daece.png",[271,273,275],{"id":206,"label":207,"slug":208,"rank":62,"group":272},{"id":210,"label":211,"slug":212},{"id":227,"label":228,"slug":229,"rank":71,"group":274},{"id":134,"label":231,"slug":232},{"id":71,"label":179,"slug":180,"rank":129,"group":276},{"id":71,"label":131,"slug":132},[278],{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":280},[],{"uuid":282,"title":168,"description":283,"canonical_path":4,"image":284,"width":53,"height":150,"image_alt":171,"kind":56,"patterns":285,"component_categories":303,"app":310},"df908a95-b392-4b96-b070-04ee786a514c","Onboarding step where the user is prompted to connect their Google or Microsoft calendar to automatically sync and record meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf908a95-b392-4b96-b070-04ee786a514c.png",[286,288,296],{"id":206,"label":207,"slug":208,"rank":62,"group":287},{"id":210,"label":211,"slug":212},{"id":289,"label":290,"slug":291,"rank":71,"group":292},97,"Integrations","integrations",{"id":293,"label":294,"slug":295},10,"Settings & Admin","settings-and-admin",{"id":297,"label":298,"slug":299,"rank":129,"group":300},51,"Calendar","calendar",{"id":126,"label":301,"slug":302},"Media & Tools","media-and-tools",[304,308,309],{"id":305,"title":306,"slug":307},284,"Modal","modal",{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":311},[],{"uuid":313,"title":168,"description":314,"canonical_path":4,"image":315,"width":53,"height":150,"image_alt":171,"kind":56,"patterns":316,"component_categories":321,"app":325},"2043a742-1a22-40d9-9662-c7d9b12aaeec","Onboarding step where the user is prompted to connect their Google or Microsoft calendar to sync meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2043a742-1a22-40d9-9662-c7d9b12aaeec.png",[317,319],{"id":71,"label":179,"slug":180,"rank":62,"group":318},{"id":71,"label":131,"slug":132},{"id":289,"label":290,"slug":291,"rank":71,"group":320},{"id":293,"label":294,"slug":295},[322,323,324],{"id":305,"title":306,"slug":307},{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":326},[],{"uuid":328,"title":168,"description":329,"canonical_path":4,"image":330,"width":53,"height":150,"image_alt":171,"kind":56,"patterns":331,"component_categories":346,"app":348},"1ae831f2-f529-4ade-901a-859f77be1c4a","Onboarding step where the user configures workspace access rules, such as allowing instant joins and automatic invitations for teammates with a specific email domain.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ae831f2-f529-4ade-901a-859f77be1c4a.png",[332,334,339,344],{"id":206,"label":207,"slug":208,"rank":62,"group":333},{"id":210,"label":211,"slug":212},{"id":335,"label":336,"slug":337,"rank":71,"group":338},104,"Team Management","team-management",{"id":293,"label":294,"slug":295},{"id":340,"label":341,"slug":342,"rank":129,"group":343},100,"Roles & Permissions","roles-and-permissions",{"id":293,"label":294,"slug":295},{"id":71,"label":179,"slug":180,"rank":134,"group":345},{"id":71,"label":131,"slug":132},[347],{"id":99,"title":100,"slug":101},{"slug":30,"title":29,"logo":32,"categories":349},[],[],[352,354,356,358,360,362,364,366,368,370,372,374,376,379,382,385,388,391,394,396,400,404,408],{"label":179,"to":353},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":207,"to":355},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":228,"to":357},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":69,"to":359},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":290,"to":361},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":60,"to":363},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":154,"to":365},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":175,"to":367},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":298,"to":369},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":114,"to":371},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":235,"to":373},"\u002Fexamples\u002Fscreens\u002Fform",{"label":122,"to":375},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":377,"to":378},"Otter marketing pages","\u002Fexamples\u002Fapps\u002Fotter\u002Fmarketing",{"label":380,"to":381},"Otter user flows","\u002Fexamples\u002Fapps\u002Fotter\u002Fflows",{"label":383,"to":384},"Otter UI components","\u002Fexamples\u002Fapps\u002Fotter\u002Fcomponents",{"label":386,"to":387},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":389,"to":390},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":392,"to":393},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":395,"to":18},"All SaaS app examples",{"label":397,"to":398,"description":399},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":401,"to":402,"description":403},"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":405,"to":406,"description":407},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":409,"to":410,"description":411},"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":413,"updated_at":414},"2020-04-21T13:54:12.000Z","2026-09-13T13:02:39.000Z"]