[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fjoin\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":299,"links":300,"dates":355},"\u002Fexamples\u002Fapps\u002Fjoin\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Join product screens examples - Nicelydone","Browse Join screen design examples. Preview the interface screenshots and explore related UI patterns. Recruiting software that helps you hire faster","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_sign-in_f722ef4b_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},"Join design examples","\u002Fexamples\u002Fapps\u002Fjoin",{"label":23,"to":4},"Join 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},"Join","join","Recruiting software that helps you hire faster","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjoin-a1d840dd.png","https:\u002F\u002Fjoin.com",[35],{"id":36,"title":37,"slug":38},64,"Recruiting","recruiting",[40,65,78,98,122,135,146,157,179,230,257,280],{"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":63},"d8018ba0-f7c1-486a-b8f5-2095232bdc81","Login | JOIN","Sign-in screen where the user authenticates with their email and password, with an option to register a new employer account.",3072,1654,"Login | JOIN from Join","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},2,"Forgot Password","forgot-password",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59],{"id":60,"title":61,"slug":62},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":64},[],{"uuid":66,"title":67,"description":68,"canonical_path":4,"image":69,"width":44,"height":45,"image_alt":70,"kind":47,"patterns":71,"component_categories":74,"app":76},"df34f9f2-fa86-4671-8e7b-8bb9c15cb253","Reset password | JOIN","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_password-reset_e1e4003a_nicelydone.png","Reset password | JOIN from Join",[72],{"id":50,"label":51,"slug":52,"rank":53,"group":73},{"id":55,"label":56,"slug":57},[75],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":4,"image":82,"width":44,"height":45,"image_alt":83,"kind":47,"patterns":84,"component_categories":94,"app":96},"b0b34df6-3338-4c9b-9fa4-e00e87c53f29","Create your account | JOIN","Signup page where the user enters their work email to begin account creation, alongside a sidebar highlighting product benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_sign-up_3e91af08_nicelydone.png","Create your account | JOIN from Join",[85,90],{"id":86,"label":87,"slug":88,"rank":53,"group":89},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},{"id":55,"label":91,"slug":92,"rank":55,"group":93},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},[95],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":44,"height":45,"image_alt":103,"kind":47,"patterns":104,"component_categories":118,"app":120},"90fba96c-b1f2-4bde-b435-226916234850","JOIN","Verification screen where the user is instructed to check their email for an activation link, with options to resend the link or contact support.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_sign-up_63d82924_nicelydone.png","JOIN from Join",[105,110],{"id":106,"label":107,"slug":108,"rank":53,"group":109},6,"Verification","verification",{"id":55,"label":56,"slug":57},{"id":111,"label":112,"slug":113,"rank":55,"group":114},114,"Confirmation","confirmation",{"id":115,"label":116,"slug":117},12,"States & Feedback","states-and-feedback",[119],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":100,"description":124,"canonical_path":4,"image":125,"width":44,"height":45,"image_alt":103,"kind":47,"patterns":126,"component_categories":131,"app":133},"4b9b9191-3f30-4065-a00d-a8bd4ab1b7c0","Signup step where the user provides their name, password, and phone number to establish their personal account profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_onboarding_96b2e11b_nicelydone.png",[127,129],{"id":86,"label":87,"slug":88,"rank":53,"group":128},{"id":55,"label":56,"slug":57},{"id":55,"label":91,"slug":92,"rank":55,"group":130},{"id":55,"label":56,"slug":57},[132],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":100,"description":137,"canonical_path":4,"image":138,"width":44,"height":45,"image_alt":103,"kind":47,"patterns":139,"component_categories":142,"app":144},"48675673-bea6-4ed7-83fc-f0629ec02e2e","Onboarding step where the user sets up their company profile by providing a name, website, and choosing a custom sub-domain.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_onboarding_d8f05b10_nicelydone.png",[140],{"id":55,"label":91,"slug":92,"rank":53,"group":141},{"id":55,"label":56,"slug":57},[143],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":100,"description":148,"canonical_path":4,"image":149,"width":44,"height":45,"image_alt":103,"kind":47,"patterns":150,"component_categories":153,"app":155},"a90dca02-4468-4e45-9c23-8414a15a7b3c","Onboarding step where the user sets up their employer brand by uploading a company logo and selecting an industry.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_onboarding_64c5ace3_nicelydone.png",[151],{"id":55,"label":91,"slug":92,"rank":53,"group":152},{"id":55,"label":56,"slug":57},[154],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":100,"description":159,"canonical_path":4,"image":160,"width":44,"height":45,"image_alt":103,"kind":47,"patterns":161,"component_categories":176,"app":177},"173d70cd-dfc9-4aed-a0c1-c847cb71a79a","Onboarding step where the user sets up their employer brand by uploading a company logo and selecting their industry from a dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_onboarding_4a17a6bf_nicelydone.png",[162,164,171],{"id":55,"label":91,"slug":92,"rank":53,"group":163},{"id":55,"label":56,"slug":57},{"id":165,"label":166,"slug":167,"rank":55,"group":168},25,"Upload & Download","upload-and-download",{"id":50,"label":169,"slug":170},"Actions","actions",{"id":172,"label":173,"slug":174,"rank":50,"group":175},23,"Select","select",{"id":50,"label":169,"slug":170},[],{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":181,"description":182,"canonical_path":4,"image":183,"width":44,"height":45,"image_alt":184,"kind":47,"patterns":185,"component_categories":210,"app":228},"353a5e0d-28cf-4437-b6f7-90f2f2de5684","JOIN - Dashboard","Onboarding step where a welcome modal introduces the user to the platform's capabilities, such as reaching candidates and deploying email workflows.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_onboarding_modals-and-popovers_eefb6a98_nicelydone.png","JOIN - Dashboard from Join",[186,194,202],{"id":187,"label":188,"slug":189,"rank":53,"group":190},77,"Welcome","welcome",{"id":191,"label":192,"slug":193},7,"Onboarding & Education","onboarding-and-education",{"id":195,"label":196,"slug":197,"rank":55,"group":198},41,"Dashboard","dashboard",{"id":199,"label":200,"slug":201},4,"Data & Analysis","data-and-analysis",{"id":203,"label":204,"slug":205,"rank":50,"group":206},3,"Profile","profile",{"id":207,"label":208,"slug":209},11,"Social & Collaboration","social-and-collaboration",[211,215,219,223,227],{"id":212,"title":213,"slug":214},240,"Horizontal navigation","horizontal-navigation",{"id":216,"title":217,"slug":218},284,"Modal","modal",{"id":220,"title":221,"slug":222},169,"Avatar","avatar",{"id":224,"title":225,"slug":226},174,"Card","card",{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":229},[],{"uuid":231,"title":181,"description":232,"canonical_path":4,"image":233,"width":44,"height":45,"image_alt":184,"kind":47,"patterns":234,"component_categories":249,"app":255},"9c954658-048d-4ce6-926d-ea8e212061d4","Dashboard where an onboarding modal prompts the user to create their first job or take a quick tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_onboarding_modals-and-popovers_c992cf01_nicelydone.png",[235,237,242,247],{"id":195,"label":196,"slug":197,"rank":53,"group":236},{"id":199,"label":200,"slug":201},{"id":238,"label":239,"slug":240,"rank":55,"group":241},115,"Empty State","empty-state",{"id":115,"label":116,"slug":117},{"id":243,"label":244,"slug":245,"rank":50,"group":246},74,"Onboarding Checklist","onboarding-checklist",{"id":191,"label":192,"slug":193},{"id":203,"label":204,"slug":205,"rank":203,"group":248},{"id":207,"label":208,"slug":209},[250,251,252,253,254],{"id":212,"title":213,"slug":214},{"id":216,"title":217,"slug":218},{"id":220,"title":221,"slug":222},{"id":224,"title":225,"slug":226},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":256},[],{"uuid":258,"title":181,"description":259,"canonical_path":4,"image":260,"width":44,"height":45,"image_alt":184,"kind":47,"patterns":261,"component_categories":270,"app":278},"de7132ad-1f1f-4d6e-b985-f49c60ccf00b","Dashboard where the user is prompted to complete their company profile and create their first job, guided by an onboarding product tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_onboarding_3b8bedb2_nicelydone.png",[262,264,266,268],{"id":195,"label":196,"slug":197,"rank":53,"group":263},{"id":199,"label":200,"slug":201},{"id":238,"label":239,"slug":240,"rank":55,"group":265},{"id":115,"label":116,"slug":117},{"id":243,"label":244,"slug":245,"rank":50,"group":267},{"id":191,"label":192,"slug":193},{"id":203,"label":204,"slug":205,"rank":203,"group":269},{"id":207,"label":208,"slug":209},[271,275,276,277],{"id":272,"title":273,"slug":274},214,"Popover","popover",{"id":220,"title":221,"slug":222},{"id":224,"title":225,"slug":226},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":279},[],{"uuid":281,"title":181,"description":282,"canonical_path":4,"image":283,"width":44,"height":284,"image_alt":184,"kind":47,"patterns":285,"component_categories":294,"app":297},"6fdcd3f2-4056-4d02-adfc-b626f3a04c41","Home screen where the user is prompted to complete their company profile and create their first job posting to start finding candidates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjoin_navigation_43abfcd3_nicelydone.png",1878,[286,288,290,292],{"id":195,"label":196,"slug":197,"rank":53,"group":287},{"id":199,"label":200,"slug":201},{"id":238,"label":239,"slug":240,"rank":55,"group":289},{"id":115,"label":116,"slug":117},{"id":55,"label":91,"slug":92,"rank":50,"group":291},{"id":55,"label":56,"slug":57},{"id":203,"label":204,"slug":205,"rank":203,"group":293},{"id":207,"label":208,"slug":209},[295,296],{"id":224,"title":225,"slug":226},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":298},[],[],[301,303,305,307,309,311,313,315,317,319,321,323,325,328,331,334,337,339,343,347,351],{"label":91,"to":302},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":196,"to":304},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":204,"to":306},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":239,"to":308},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":51,"to":310},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":244,"to":312},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":87,"to":314},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":112,"to":316},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":173,"to":318},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":166,"to":320},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":107,"to":322},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":188,"to":324},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":326,"to":327},"Join marketing pages","\u002Fexamples\u002Fapps\u002Fjoin\u002Fmarketing",{"label":329,"to":330},"Join user flows","\u002Fexamples\u002Fapps\u002Fjoin\u002Fflows",{"label":332,"to":333},"Join UI components","\u002Fexamples\u002Fapps\u002Fjoin\u002Fcomponents",{"label":335,"to":336},"Recruiting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Frecruiting",{"label":338,"to":18},"All SaaS app examples",{"label":340,"to":341,"description":342},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":344,"to":345,"description":346},"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":348,"to":349,"description":350},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":352,"to":353,"description":354},"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":356,"updated_at":357},"2021-06-06T12:10:02.000Z","2026-09-13T13:02:39.000Z"]