[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgusto":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":350,"dates":368},"\u002Fexamples\u002Fapps\u002Fgusto","detail","apps",true,{"title":9,"description":10,"og_image":11},"Gusto design examples - Nicelydone","Explore Gusto UI design examples. 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],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Gusto design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Gusto",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fgusto\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fgusto\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fgusto\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fgusto\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"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",[47,51,55],{"id":48,"title":49,"slug":50},10,"Human resources","human-resources",{"id":52,"title":53,"slug":54},56,"Accounting","accounting",{"id":56,"title":57,"slug":58},64,"Recruiting","recruiting",[],[61,341,344,347],{"family":62,"examples":63},"screens",[64,93,107,125,153,183,201,222,251,280,301,324],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":86,"app":91},"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",[73,82],{"id":74,"label":75,"slug":76,"rank":77,"group":78},5,"Sign Up","sign-up",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",{"id":79,"label":83,"slug":84,"rank":79,"group":85},"Account Setup","account-setup",{"id":79,"label":80,"slug":81},[87],{"id":88,"title":89,"slug":90},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":92},[],{"uuid":94,"title":66,"description":95,"canonical_path":29,"image":96,"width":68,"height":97,"image_alt":70,"kind":71,"patterns":98,"component_categories":103,"app":105},"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,[99,101],{"id":74,"label":75,"slug":76,"rank":77,"group":100},{"id":79,"label":80,"slug":81},{"id":79,"label":83,"slug":84,"rank":79,"group":102},{"id":79,"label":80,"slug":81},[104],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":29,"image":111,"width":68,"height":97,"image_alt":112,"kind":71,"patterns":113,"component_categories":121,"app":123},"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",[114,119],{"id":115,"label":116,"slug":117,"rank":77,"group":118},6,"Verification","verification",{"id":79,"label":80,"slug":81},{"id":79,"label":83,"slug":84,"rank":79,"group":120},{"id":79,"label":80,"slug":81},[122],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":124},[],{"uuid":126,"title":109,"description":127,"canonical_path":29,"image":128,"width":68,"height":97,"image_alt":112,"kind":71,"patterns":129,"component_categories":149,"app":151},"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",[130,132,140],{"id":115,"label":116,"slug":117,"rank":77,"group":131},{"id":79,"label":80,"slug":81},{"id":133,"label":134,"slug":135,"rank":79,"group":136},72,"Getting Started","getting-started",{"id":137,"label":138,"slug":139},7,"Onboarding & Education","onboarding-and-education",{"id":141,"label":142,"slug":143,"rank":144,"group":145},114,"Confirmation","confirmation",2,{"id":146,"label":147,"slug":148},12,"States & Feedback","states-and-feedback",[150],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":152},[],{"uuid":154,"title":66,"description":155,"canonical_path":29,"image":156,"width":68,"height":97,"image_alt":70,"kind":71,"patterns":157,"component_categories":167,"app":181},"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",[158,160,162],{"id":141,"label":142,"slug":143,"rank":77,"group":159},{"id":146,"label":147,"slug":148},{"id":79,"label":83,"slug":84,"rank":79,"group":161},{"id":79,"label":80,"slug":81},{"id":163,"label":164,"slug":165,"rank":144,"group":166},4,"Sign In","sign-in",{"id":79,"label":80,"slug":81},[168,172,176,180],{"id":169,"title":170,"slug":171},168,"Accordion","accordion",{"id":173,"title":174,"slug":175},284,"Modal","modal",{"id":177,"title":178,"slug":179},174,"Card","card",{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":182},[],{"uuid":184,"title":185,"description":186,"canonical_path":29,"image":187,"width":68,"height":97,"image_alt":188,"kind":71,"patterns":189,"component_categories":192,"app":199},"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",[190],{"id":163,"label":164,"slug":165,"rank":77,"group":191},{"id":79,"label":80,"slug":81},[193,197,198],{"id":194,"title":195,"slug":196},277,"Button group","button-group",{"id":177,"title":178,"slug":179},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":200},[],{"uuid":202,"title":185,"description":203,"canonical_path":29,"image":204,"width":68,"height":97,"image_alt":188,"kind":71,"patterns":205,"component_categories":213,"app":220},"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",[206,208],{"id":163,"label":164,"slug":165,"rank":77,"group":207},{"id":79,"label":80,"slug":81},{"id":209,"label":210,"slug":211,"rank":79,"group":212},116,"Error","error",{"id":146,"label":147,"slug":148},[214,218,219],{"id":215,"title":216,"slug":217},167,"Alert","alert",{"id":177,"title":178,"slug":179},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":221},[],{"uuid":223,"title":41,"description":224,"canonical_path":29,"image":225,"width":68,"height":97,"image_alt":226,"kind":71,"patterns":227,"component_categories":240,"app":249},"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",[228,233],{"id":229,"label":230,"slug":231,"rank":77,"group":232},120,"Loading","loading",{"id":146,"label":147,"slug":148},{"id":234,"label":235,"slug":236,"rank":79,"group":237},41,"Dashboard","dashboard",{"id":163,"label":238,"slug":239},"Data & Analysis","data-and-analysis",[241,245],{"id":242,"title":243,"slug":244},226,"Skeleton","skeleton",{"id":246,"title":247,"slug":248},240,"Horizontal navigation","horizontal-navigation",{"slug":42,"title":41,"logo":44,"categories":250},[],{"uuid":252,"title":41,"description":253,"canonical_path":29,"image":254,"width":68,"height":255,"image_alt":226,"kind":71,"patterns":256,"component_categories":275,"app":278},"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,[257,262,267,269],{"id":258,"label":259,"slug":260,"rank":77,"group":261},74,"Onboarding Checklist","onboarding-checklist",{"id":137,"label":138,"slug":139},{"id":263,"label":264,"slug":265,"rank":79,"group":266},42,"Form","form",{"id":163,"label":238,"slug":239},{"id":79,"label":83,"slug":84,"rank":144,"group":268},{"id":79,"label":80,"slug":81},{"id":270,"label":271,"slug":272,"rank":273,"group":274},44,"Progress","progress",3,{"id":163,"label":238,"slug":239},[276,277],{"id":246,"title":247,"slug":248},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":279},[],{"uuid":281,"title":41,"description":282,"canonical_path":29,"image":283,"width":68,"height":97,"image_alt":226,"kind":71,"patterns":284,"component_categories":296,"app":299},"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",[285,287,289,291],{"id":79,"label":83,"slug":84,"rank":77,"group":286},{"id":79,"label":80,"slug":81},{"id":263,"label":264,"slug":265,"rank":79,"group":288},{"id":163,"label":238,"slug":239},{"id":258,"label":259,"slug":260,"rank":144,"group":290},{"id":137,"label":138,"slug":139},{"id":292,"label":293,"slug":294,"rank":273,"group":295},75,"Setup Wizard","setup-wizard",{"id":137,"label":138,"slug":139},[297,298],{"id":246,"title":247,"slug":248},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":300},[],{"uuid":302,"title":41,"description":303,"canonical_path":29,"image":304,"width":68,"height":97,"image_alt":226,"kind":71,"patterns":305,"component_categories":319,"app":322},"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",[306,308,310,317],{"id":79,"label":83,"slug":84,"rank":77,"group":307},{"id":79,"label":80,"slug":81},{"id":263,"label":264,"slug":265,"rank":79,"group":309},{"id":163,"label":238,"slug":239},{"id":311,"label":312,"slug":313,"rank":144,"group":314},11,"Edit","edit",{"id":144,"label":315,"slug":316},"Actions","actions",{"id":292,"label":293,"slug":294,"rank":273,"group":318},{"id":137,"label":138,"slug":139},[320,321],{"id":173,"title":174,"slug":175},{"id":246,"title":247,"slug":248},{"slug":42,"title":41,"logo":44,"categories":323},[],{"uuid":325,"title":41,"description":326,"canonical_path":29,"image":327,"width":68,"height":97,"image_alt":226,"kind":71,"patterns":328,"component_categories":335,"app":339},"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",[329,331,333],{"id":79,"label":83,"slug":84,"rank":77,"group":330},{"id":79,"label":80,"slug":81},{"id":258,"label":259,"slug":260,"rank":79,"group":332},{"id":137,"label":138,"slug":139},{"id":263,"label":264,"slug":265,"rank":144,"group":334},{"id":163,"label":238,"slug":239},[336,337,338],{"id":194,"title":195,"slug":196},{"id":246,"title":247,"slug":248},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":340},[],{"family":342,"examples":343},"flows",[],{"family":345,"examples":346},"components",[],{"family":348,"examples":349},"pages",[],[351,353,355,357,359,362,365],{"label":352,"to":29},"Gusto product screens",{"label":354,"to":38},"Gusto marketing pages",{"label":356,"to":32},"Gusto user flows",{"label":358,"to":35},"Gusto UI components",{"label":360,"to":361},"Human resources app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhuman-resources",{"label":363,"to":364},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":366,"to":367},"Recruiting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Frecruiting",{"published_at":369,"updated_at":370},"2020-11-28T19:59:29.000Z","2026-09-26T00:10:34.000Z"]