[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgusto\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":325,"links":326,"dates":387},"\u002Fexamples\u002Fapps\u002Fgusto\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Gusto product screens examples - Nicelydone","Browse Gusto screen design examples. Preview the interface screenshots and explore related UI patterns. The all-in-one people platform for Payroll, Benefits, HR","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff979a87a-9b44-4eda-a953-c1bb3acf4bd5.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},"Gusto design examples","\u002Fexamples\u002Fapps\u002Fgusto",{"label":23,"to":4},"Gusto 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},"Gusto","gusto","The all-in-one people platform for Payroll, Benefits, HR","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgusto-5e46599d.png","https:\u002F\u002Fgusto.com",[35,39,43],{"id":36,"title":37,"slug":38},10,"Human resources","human-resources",{"id":40,"title":41,"slug":42},56,"Accounting","accounting",{"id":44,"title":45,"slug":46},64,"Recruiting","recruiting",[48,77,91,109,137,167,185,206,235,264,285,308],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":70,"app":75},"f979a87a-9b44-4eda-a953-c1bb3acf4bd5","Gusto | Online HR Services Payroll, Benefits and everything else","Signup screen where the user creates a new company account using Google SSO or by providing their name, work email, company details, and a password.",3024,2162,"Gusto | Online HR Services Payroll, Benefits and everything else from Gusto","screen",[57,66],{"id":58,"label":59,"slug":60,"rank":61,"group":62},5,"Sign Up","sign-up",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",{"id":63,"label":67,"slug":68,"rank":63,"group":69},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[71],{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":50,"description":79,"canonical_path":4,"image":80,"width":52,"height":81,"image_alt":54,"kind":55,"patterns":82,"component_categories":87,"app":89},"4aef14e8-5ff5-4987-a877-8f6406e3c058","Signup page where a user creates a new company account by providing their email, company details, and setting a password with a visible strength meter.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4aef14e8-5ff5-4987-a877-8f6406e3c058.png",1718,[83,85],{"id":58,"label":59,"slug":60,"rank":61,"group":84},{"id":63,"label":64,"slug":65},{"id":63,"label":67,"slug":68,"rank":63,"group":86},{"id":63,"label":64,"slug":65},[88],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":4,"image":95,"width":52,"height":81,"image_alt":96,"kind":55,"patterns":97,"component_categories":105,"app":107},"aa6aecbd-2be0-4026-91c0-e6522e20d919","Gusto | Thank you","Verification screen where the user is prompted to check their email for a confirmation link and can optionally submit an attribution survey.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa6aecbd-2be0-4026-91c0-e6522e20d919.png","Gusto | Thank you from Gusto",[98,103],{"id":99,"label":100,"slug":101,"rank":61,"group":102},6,"Verification","verification",{"id":63,"label":64,"slug":65},{"id":63,"label":67,"slug":68,"rank":63,"group":104},{"id":63,"label":64,"slug":65},[106],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":93,"description":111,"canonical_path":4,"image":112,"width":52,"height":81,"image_alt":96,"kind":55,"patterns":113,"component_categories":133,"app":135},"77d2a1b0-015c-4107-a633-95a41bf2eb95","Verification screen where the user is instructed to check their inbox for a confirmation link to proceed with setting up their company.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77d2a1b0-015c-4107-a633-95a41bf2eb95.png",[114,116,124],{"id":99,"label":100,"slug":101,"rank":61,"group":115},{"id":63,"label":64,"slug":65},{"id":117,"label":118,"slug":119,"rank":63,"group":120},72,"Getting Started","getting-started",{"id":121,"label":122,"slug":123},7,"Onboarding & Education","onboarding-and-education",{"id":125,"label":126,"slug":127,"rank":128,"group":129},114,"Confirmation","confirmation",2,{"id":130,"label":131,"slug":132},12,"States & Feedback","states-and-feedback",[134],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":50,"description":139,"canonical_path":4,"image":140,"width":52,"height":81,"image_alt":54,"kind":55,"patterns":141,"component_categories":151,"app":165},"e8e334dc-1d59-4fc0-b905-98f60ce17ee6","Signup flow intercepted by a modal prompting the user to either add a new company to their existing account or sign in, because their email is already registered.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8e334dc-1d59-4fc0-b905-98f60ce17ee6.png",[142,144,146],{"id":125,"label":126,"slug":127,"rank":61,"group":143},{"id":130,"label":131,"slug":132},{"id":63,"label":67,"slug":68,"rank":63,"group":145},{"id":63,"label":64,"slug":65},{"id":147,"label":148,"slug":149,"rank":128,"group":150},4,"Sign In","sign-in",{"id":63,"label":64,"slug":65},[152,156,160,164],{"id":153,"title":154,"slug":155},168,"Accordion","accordion",{"id":157,"title":158,"slug":159},284,"Modal","modal",{"id":161,"title":162,"slug":163},174,"Card","card",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":4,"image":171,"width":52,"height":81,"image_alt":172,"kind":55,"patterns":173,"component_categories":176,"app":183},"7843efbe-0e2a-4925-9e87-88050d16df5c","Gusto Login - Payroll, Benefits, HR | Gusto","Sign-in screen where the user authenticates with email and password or via Google, Xero, or Intuit single sign-on.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7843efbe-0e2a-4925-9e87-88050d16df5c.png","Gusto Login - Payroll, Benefits, HR | Gusto from Gusto",[174],{"id":147,"label":148,"slug":149,"rank":61,"group":175},{"id":63,"label":64,"slug":65},[177,181,182],{"id":178,"title":179,"slug":180},277,"Button group","button-group",{"id":161,"title":162,"slug":163},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":169,"description":187,"canonical_path":4,"image":188,"width":52,"height":81,"image_alt":172,"kind":55,"patterns":189,"component_categories":197,"app":204},"a0318460-c5c5-4fb4-8035-ab87d6d7dbcf","Sign-in screen where the user is blocked by an account confirmation error and can authenticate via email, Google, Xero, or Intuit.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa0318460-c5c5-4fb4-8035-ab87d6d7dbcf.png",[190,192],{"id":147,"label":148,"slug":149,"rank":61,"group":191},{"id":63,"label":64,"slug":65},{"id":193,"label":194,"slug":195,"rank":63,"group":196},116,"Error","error",{"id":130,"label":131,"slug":132},[198,202,203],{"id":199,"title":200,"slug":201},167,"Alert","alert",{"id":161,"title":162,"slug":163},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":29,"description":208,"canonical_path":4,"image":209,"width":52,"height":81,"image_alt":210,"kind":55,"patterns":211,"component_categories":224,"app":233},"a509affc-5706-4b69-996d-702d37935023","App shell loading state where the sidebar navigation displays skeleton placeholders and the main content area shows a piggy bank illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa509affc-5706-4b69-996d-702d37935023.png","Gusto from Gusto",[212,217],{"id":213,"label":214,"slug":215,"rank":61,"group":216},120,"Loading","loading",{"id":130,"label":131,"slug":132},{"id":218,"label":219,"slug":220,"rank":63,"group":221},41,"Dashboard","dashboard",{"id":147,"label":222,"slug":223},"Data & Analysis","data-and-analysis",[225,229],{"id":226,"title":227,"slug":228},226,"Skeleton","skeleton",{"id":230,"title":231,"slug":232},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":29,"description":237,"canonical_path":4,"image":238,"width":52,"height":239,"image_alt":210,"kind":55,"patterns":240,"component_categories":259,"app":262},"6fd7f717-0d15-4135-91b2-d7abc2b2c728","Onboarding step where the user selects the types of workers they plan to pay and their current payroll method to configure their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6fd7f717-0d15-4135-91b2-d7abc2b2c728.png",2144,[241,246,251,253],{"id":242,"label":243,"slug":244,"rank":61,"group":245},74,"Onboarding Checklist","onboarding-checklist",{"id":121,"label":122,"slug":123},{"id":247,"label":248,"slug":249,"rank":63,"group":250},42,"Form","form",{"id":147,"label":222,"slug":223},{"id":63,"label":67,"slug":68,"rank":128,"group":252},{"id":63,"label":64,"slug":65},{"id":254,"label":255,"slug":256,"rank":257,"group":258},44,"Progress","progress",3,{"id":147,"label":222,"slug":223},[260,261],{"id":230,"title":231,"slug":232},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":29,"description":266,"canonical_path":4,"image":267,"width":52,"height":81,"image_alt":210,"kind":55,"patterns":268,"component_categories":280,"app":283},"ffc779b0-9556-4b1d-a096-a1430454a14f","Onboarding step where the user provides their company phone number and mailing address for tax purposes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fffc779b0-9556-4b1d-a096-a1430454a14f.png",[269,271,273,275],{"id":63,"label":67,"slug":68,"rank":61,"group":270},{"id":63,"label":64,"slug":65},{"id":247,"label":248,"slug":249,"rank":63,"group":272},{"id":147,"label":222,"slug":223},{"id":242,"label":243,"slug":244,"rank":128,"group":274},{"id":121,"label":122,"slug":123},{"id":276,"label":277,"slug":278,"rank":257,"group":279},75,"Setup Wizard","setup-wizard",{"id":121,"label":122,"slug":123},[281,282],{"id":230,"title":231,"slug":232},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":284},[],{"uuid":286,"title":29,"description":287,"canonical_path":4,"image":288,"width":52,"height":81,"image_alt":210,"kind":55,"patterns":289,"component_categories":303,"app":306},"9adb3ac0-090f-4263-9065-911014b99dfd","Onboarding step where the user enters their company's mailing address, phone number, and address type in a modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9adb3ac0-090f-4263-9065-911014b99dfd.png",[290,292,294,301],{"id":63,"label":67,"slug":68,"rank":61,"group":291},{"id":63,"label":64,"slug":65},{"id":247,"label":248,"slug":249,"rank":63,"group":293},{"id":147,"label":222,"slug":223},{"id":295,"label":296,"slug":297,"rank":128,"group":298},11,"Edit","edit",{"id":128,"label":299,"slug":300},"Actions","actions",{"id":276,"label":277,"slug":278,"rank":257,"group":302},{"id":121,"label":122,"slug":123},[304,305],{"id":157,"title":158,"slug":159},{"id":230,"title":231,"slug":232},{"slug":30,"title":29,"logo":32,"categories":307},[],{"uuid":309,"title":29,"description":310,"canonical_path":4,"image":311,"width":52,"height":81,"image_alt":210,"kind":55,"patterns":312,"component_categories":319,"app":323},"9b4b30aa-868b-494e-9fc1-6ae3d7e4aed2","Onboarding step where the user provides their Federal EIN and business entity type to set up their company profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b4b30aa-868b-494e-9fc1-6ae3d7e4aed2.png",[313,315,317],{"id":63,"label":67,"slug":68,"rank":61,"group":314},{"id":63,"label":64,"slug":65},{"id":242,"label":243,"slug":244,"rank":63,"group":316},{"id":121,"label":122,"slug":123},{"id":247,"label":248,"slug":249,"rank":128,"group":318},{"id":147,"label":222,"slug":223},[320,321,322],{"id":178,"title":179,"slug":180},{"id":230,"title":231,"slug":232},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":324},[],[],[327,329,331,333,335,337,339,341,343,345,347,349,351,354,357,360,363,366,369,371,375,379,383],{"label":67,"to":328},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":248,"to":330},"\u002Fexamples\u002Fscreens\u002Fform",{"label":243,"to":332},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":148,"to":334},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":126,"to":336},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":277,"to":338},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":59,"to":340},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":100,"to":342},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":219,"to":344},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":296,"to":346},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":194,"to":348},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":118,"to":350},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":352,"to":353},"Gusto marketing pages","\u002Fexamples\u002Fapps\u002Fgusto\u002Fmarketing",{"label":355,"to":356},"Gusto user flows","\u002Fexamples\u002Fapps\u002Fgusto\u002Fflows",{"label":358,"to":359},"Gusto UI components","\u002Fexamples\u002Fapps\u002Fgusto\u002Fcomponents",{"label":361,"to":362},"Human resources app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhuman-resources",{"label":364,"to":365},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":367,"to":368},"Recruiting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Frecruiting",{"label":370,"to":18},"All SaaS app examples",{"label":372,"to":373,"description":374},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":376,"to":377,"description":378},"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":380,"to":381,"description":382},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":384,"to":385,"description":386},"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":388,"updated_at":389},"2020-11-28T19:59:29.000Z","2026-09-13T13:02:39.000Z"]