[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002F15five\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\u002F15five\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"15Five product screens examples - Nicelydone","Browse 15Five screen design examples. Preview the interface screenshots and explore related UI patterns. Continuous performance management software","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F497059a4-3295-4e7c-9910-d45c047b9f39.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},"15Five design examples","\u002Fexamples\u002Fapps\u002F15five",{"label":23,"to":4},"15Five 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},"15Five","15five","Continuous performance management software","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15five-e4436015.png","https:\u002F\u002Fwww.15five.com\u002F",[35],{"id":36,"title":37,"slug":38},10,"Human resources","human-resources",[40,68,83,120,159,191,229,252,278,297,320,339],{"uuid":41,"title":29,"description":42,"canonical_path":4,"image":11,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":47,"component_categories":57,"app":66},"497059a4-3295-4e7c-9910-d45c047b9f39","Sign-in screen where the user authenticates with their email and password or via Google SSO.",3072,1716,"15Five from 15Five","screen",[48],{"id":49,"label":50,"slug":51,"rank":52,"group":53},4,"Sign In","sign-in",0,{"id":54,"label":55,"slug":56},1,"Access & Account","access-and-account",[58,62],{"id":59,"title":60,"slug":61},174,"Card","card",{"id":63,"title":64,"slug":65},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":29,"description":70,"canonical_path":4,"image":71,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":72,"component_categories":78,"app":81},"aca9693f-9bde-4a40-a215-cd1019d3da6a","Password recovery screen where the user enters their email address to receive a reset link, with an option to return to the sign-in page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faca9693f-9bde-4a40-a215-cd1019d3da6a.png",[73],{"id":74,"label":75,"slug":76,"rank":52,"group":77},2,"Forgot Password","forgot-password",{"id":54,"label":55,"slug":56},[79,80],{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":4,"image":87,"width":43,"height":88,"image_alt":89,"kind":46,"patterns":90,"component_categories":107,"app":118},"101d3b3c-c40b-4a13-8938-e7f145ff408d","Request a Demo - 15Five","Marketing page where prospective customers can request a demo by filling out a lead capture form, supported by product benefits and industry awards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F101d3b3c-c40b-4a13-8938-e7f145ff408d.png",8748,"Request a Demo - 15Five from 15Five",[91,99],{"id":92,"label":93,"slug":94,"rank":52,"group":95},121,"Request Access","request-access",{"id":96,"label":97,"slug":98},12,"States & Feedback","states-and-feedback",{"id":100,"label":101,"slug":102,"rank":54,"group":103},79,"Browse","browse",{"id":104,"label":105,"slug":106},8,"Pages & Content","pages-and-content",[108,112,116,117],{"id":109,"title":110,"slug":111},258,"Header","header",{"id":113,"title":114,"slug":115},202,"Footer","footer",{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":43,"height":125,"image_alt":126,"kind":46,"patterns":127,"component_categories":152,"app":157},"d2b0e60a-b47d-4e06-9aa0-d84a0b35e5cf","Free Trial - 15Five","Landing page where the user can sign up for a 14-day free trial by filling out a lead capture form, accompanied by product awards and feature highlights.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd2b0e60a-b47d-4e06-9aa0-d84a0b35e5cf.png",6974,"Free Trial - 15Five from 15Five",[128,136,144],{"id":129,"label":130,"slug":131,"rank":52,"group":132},91,"Trial","trial",{"id":133,"label":134,"slug":135},9,"Plans & Limits","plans-and-limits",{"id":137,"label":138,"slug":139,"rank":54,"group":140},130,"Checkout","checkout",{"id":141,"label":142,"slug":143},14,"Payments & Checkout","payments-and-checkout",{"id":145,"label":146,"slug":147,"rank":74,"group":148},65,"Navigation Menu","navigation-menu",{"id":149,"label":150,"slug":151},6,"Navigation & Commands","navigation-and-commands",[153,154,155,156],{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":161,"description":162,"canonical_path":4,"image":163,"width":43,"height":44,"image_alt":164,"kind":46,"patterns":165,"component_categories":181,"app":189},"d1cd8bb0-f59e-4b10-9699-8352c979ee85","Free Trial - Thank You - 15Five","Thank you page confirming a welcome email is on the way for a 14-day trial, with a prompt to chat with the team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd1cd8bb0-f59e-4b10-9699-8352c979ee85.png","Free Trial - Thank You - 15Five from 15Five",[166,168,173],{"id":129,"label":130,"slug":131,"rank":52,"group":167},{"id":133,"label":134,"slug":135},{"id":169,"label":170,"slug":171,"rank":54,"group":172},122,"Success","success",{"id":96,"label":97,"slug":98},{"id":174,"label":175,"slug":176,"rank":74,"group":177},35,"Chatbot","chatbot",{"id":178,"label":179,"slug":180},3,"AI","ai",[182,186,187,188],{"id":183,"title":184,"slug":185},240,"Horizontal navigation","horizontal-navigation",{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":193,"description":194,"canonical_path":4,"image":195,"width":43,"height":44,"image_alt":196,"kind":46,"patterns":197,"component_categories":216,"app":227},"f9f67ee0-9250-45ad-9e98-1cb1b2f8056e","Onboarding · 15Five","Onboarding step where the user is welcomed and introduced to the Check-in feature via a mock product preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9f67ee0-9250-45ad-9e98-1cb1b2f8056e.png","Onboarding · 15Five from 15Five",[198,206,211],{"id":199,"label":200,"slug":201,"rank":52,"group":202},73,"Guided Tour","guided-tour",{"id":203,"label":204,"slug":205},7,"Onboarding & Education","onboarding-and-education",{"id":207,"label":208,"slug":209,"rank":54,"group":210},74,"Onboarding Checklist","onboarding-checklist",{"id":203,"label":204,"slug":205},{"id":212,"label":213,"slug":214,"rank":74,"group":215},77,"Welcome","welcome",{"id":203,"label":204,"slug":205},[217,221,225,226],{"id":218,"title":219,"slug":220},169,"Avatar","avatar",{"id":222,"title":223,"slug":224},227,"Stepper","stepper",{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":228},[],{"uuid":230,"title":193,"description":231,"canonical_path":4,"image":232,"width":43,"height":44,"image_alt":196,"kind":46,"patterns":233,"component_categories":241,"app":250},"3d9f1c9d-8702-4d07-9f34-e25cbc6d1584","Onboarding step where the user learns how to respond to team feedback by selecting a suggested comment or writing their own in a simulated interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3d9f1c9d-8702-4d07-9f34-e25cbc6d1584.png",[234,236],{"id":199,"label":200,"slug":201,"rank":52,"group":235},{"id":203,"label":204,"slug":205},{"id":237,"label":238,"slug":239,"rank":54,"group":240},117,"Feedback","feedback",{"id":96,"label":97,"slug":98},[242,243,247,248,249],{"id":218,"title":219,"slug":220},{"id":244,"title":245,"slug":246},226,"Skeleton","skeleton",{"id":222,"title":223,"slug":224},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":251},[],{"uuid":253,"title":193,"description":254,"canonical_path":4,"image":255,"width":43,"height":44,"image_alt":196,"kind":46,"patterns":256,"component_categories":271,"app":276},"d0a1f6bc-f79a-43c7-81fb-7476003a0097","Onboarding step where the user learns about team priorities and is prompted to add their own focus for the week alongside an interactive preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0a1f6bc-f79a-43c7-81fb-7476003a0097.png",[257,259,266],{"id":207,"label":208,"slug":209,"rank":52,"group":258},{"id":203,"label":204,"slug":205},{"id":260,"label":261,"slug":262,"rank":54,"group":263},44,"Progress","progress",{"id":49,"label":264,"slug":265},"Data & Analysis","data-and-analysis",{"id":267,"label":268,"slug":269,"rank":74,"group":270},85,"Tasks","tasks",{"id":104,"label":105,"slug":106},[272,273,274,275],{"id":244,"title":245,"slug":246},{"id":222,"title":223,"slug":224},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":277},[],{"uuid":279,"title":193,"description":280,"canonical_path":4,"image":281,"width":43,"height":44,"image_alt":196,"kind":46,"patterns":282,"component_categories":290,"app":295},"bd99c01a-c8df-41ee-8697-88a09cd2c98e","Onboarding step where the user learns about team priorities and is prompted to add their own focus for the week, featuring an interactive preview card on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd99c01a-c8df-41ee-8697-88a09cd2c98e.png",[283,285],{"id":207,"label":208,"slug":209,"rank":52,"group":284},{"id":203,"label":204,"slug":205},{"id":286,"label":287,"slug":288,"rank":54,"group":289},72,"Getting Started","getting-started",{"id":203,"label":204,"slug":205},[291,292,293,294],{"id":244,"title":245,"slug":246},{"id":222,"title":223,"slug":224},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":296},[],{"uuid":298,"title":193,"description":299,"canonical_path":4,"image":300,"width":43,"height":44,"image_alt":196,"kind":46,"patterns":301,"component_categories":309,"app":318},"d04f1386-092d-4210-8700-223a8119a27c","Onboarding step where the user selects check-in questions from a bank and previews how they will appear to employees.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd04f1386-092d-4210-8700-223a8119a27c.png",[302,307],{"id":303,"label":304,"slug":305,"rank":52,"group":306},75,"Setup Wizard","setup-wizard",{"id":203,"label":204,"slug":205},{"id":207,"label":208,"slug":209,"rank":54,"group":308},{"id":203,"label":204,"slug":205},[310,314,315,316,317],{"id":311,"title":312,"slug":313},277,"Button group","button-group",{"id":244,"title":245,"slug":246},{"id":222,"title":223,"slug":224},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":319},[],{"uuid":321,"title":193,"description":322,"canonical_path":4,"image":323,"width":43,"height":44,"image_alt":196,"kind":46,"patterns":324,"component_categories":332,"app":337},"3a19025a-d207-4218-8e53-98706c1c6f20","Onboarding step where the user customizes their team check-in by adding questions from a bank, with a live preview of the resulting form shown alongside.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a19025a-d207-4218-8e53-98706c1c6f20.png",[325,327],{"id":207,"label":208,"slug":209,"rank":52,"group":326},{"id":203,"label":204,"slug":205},{"id":328,"label":329,"slug":330,"rank":54,"group":331},42,"Form","form",{"id":49,"label":264,"slug":265},[333,334,335,336],{"id":244,"title":245,"slug":246},{"id":222,"title":223,"slug":224},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":338},[],{"uuid":340,"title":193,"description":341,"canonical_path":4,"image":342,"width":43,"height":44,"image_alt":196,"kind":46,"patterns":343,"component_categories":346,"app":351},"491e3b40-1b53-4603-9d9e-0c5138e316ac","Onboarding step where the user is prompted to try sending a recognition message while viewing a live preview of the feed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F491e3b40-1b53-4603-9d9e-0c5138e316ac.png",[344],{"id":199,"label":200,"slug":201,"rank":52,"group":345},{"id":203,"label":204,"slug":205},[347,348,349,350],{"id":244,"title":245,"slug":246},{"id":222,"title":223,"slug":224},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"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":208,"to":356},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":200,"to":358},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":130,"to":360},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":101,"to":362},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":175,"to":364},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":138,"to":366},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":238,"to":368},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":75,"to":370},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":329,"to":372},"\u002Fexamples\u002Fscreens\u002Fform",{"label":287,"to":374},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":146,"to":376},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":261,"to":378},"\u002Fexamples\u002Fscreens\u002Fprogress",{"label":380,"to":381},"15Five marketing pages","\u002Fexamples\u002Fapps\u002F15five\u002Fmarketing",{"label":383,"to":384},"15Five user flows","\u002Fexamples\u002Fapps\u002F15five\u002Fflows",{"label":386,"to":387},"15Five UI components","\u002Fexamples\u002Fapps\u002F15five\u002Fcomponents",{"label":389,"to":390},"Human resources app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhuman-resources",{"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},"2021-09-12T12:58:37.000Z","2026-09-13T13:02:39.000Z"]