[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbasecamp\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":280,"links":281,"dates":332},"\u002Fexamples\u002Fapps\u002Fbasecamp\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Basecamp product screens examples - Nicelydone","Browse Basecamp screen design examples. Preview the interface screenshots and explore related UI patterns. The all-in-one toolkit for working remotely.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc87d296-7d2e-4a3e-ab21-aaab3c3b3c97.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},"Basecamp design examples","\u002Fexamples\u002Fapps\u002Fbasecamp",{"label":23,"to":4},"Basecamp 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},"Basecamp","basecamp","The all-in-one toolkit for working remotely.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbasecamp-03f6c303.png","https:\u002F\u002Fbasecamp.com",[35,39,43],{"id":36,"title":37,"slug":38},29,"Task Management","task-management",{"id":40,"title":41,"slug":42},23,"Collaboration","collaboration",{"id":44,"title":45,"slug":46},30,"Productivity","productivity",[48,77,91,116,132,144,158,189,204,227,245,262],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":75},"dc87d296-7d2e-4a3e-ab21-aaab3c3b3c97","Basecamp Log In","Sign-in screen where the user authenticates with Google or enters their email address to proceed.",3072,1652,"Basecamp Log In from Basecamp","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},2,"Forgot Password","forgot-password",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67,71],{"id":68,"title":69,"slug":70},174,"Card","card",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":52,"height":53,"image_alt":82,"kind":55,"patterns":83,"component_categories":86,"app":89},"e6344bb9-2f0c-4996-a49d-18d2ba85a29e","Forgot your password","Password recovery screen where the user enters their email address to receive reset instructions for Basecamp.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6344bb9-2f0c-4996-a49d-18d2ba85a29e.png","Forgot your password from Basecamp",[84],{"id":58,"label":59,"slug":60,"rank":61,"group":85},{"id":63,"label":64,"slug":65},[87,88],{"id":68,"title":69,"slug":70},{"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":53,"image_alt":96,"kind":55,"patterns":97,"component_categories":111,"app":114},"4119ff39-9faa-4d98-844a-21600aced1fd","Sign up for Basecamp","Signup screen where the user begins a 30-day free trial by entering their name and email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4119ff39-9faa-4d98-844a-21600aced1fd.png","Sign up for Basecamp from Basecamp",[98,103],{"id":99,"label":100,"slug":101,"rank":61,"group":102},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},{"id":104,"label":105,"slug":106,"rank":63,"group":107},91,"Trial","trial",{"id":108,"label":109,"slug":110},9,"Plans & Limits","plans-and-limits",[112,113],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":93,"description":118,"canonical_path":4,"image":119,"width":52,"height":53,"image_alt":96,"kind":55,"patterns":120,"component_categories":127,"app":130},"c80525af-760d-4170-901f-c8f5f85226ab","Signup screen where the user enters their name and email address to begin a 30-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc80525af-760d-4170-901f-c8f5f85226ab.png",[121,123],{"id":99,"label":100,"slug":101,"rank":61,"group":122},{"id":63,"label":64,"slug":65},{"id":63,"label":124,"slug":125,"rank":63,"group":126},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[128,129],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":93,"description":134,"canonical_path":4,"image":135,"width":52,"height":53,"image_alt":96,"kind":55,"patterns":136,"component_categories":139,"app":142},"622454d3-ea74-4b97-98f7-426cbaabf3d9","Signup step where the user sets a password to secure their new account after initiating a free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F622454d3-ea74-4b97-98f7-426cbaabf3d9.png",[137],{"id":63,"label":124,"slug":125,"rank":61,"group":138},{"id":63,"label":64,"slug":65},[140,141],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":93,"description":146,"canonical_path":4,"image":147,"width":52,"height":53,"image_alt":96,"kind":55,"patterns":148,"component_categories":153,"app":156},"30bc25c8-1c92-45ef-b1fb-002d6b42e5e4","Signup screen where the user sets a password of at least 8 characters and one number to secure their new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F30bc25c8-1c92-45ef-b1fb-002d6b42e5e4.png",[149,151],{"id":99,"label":100,"slug":101,"rank":61,"group":150},{"id":63,"label":64,"slug":65},{"id":63,"label":124,"slug":125,"rank":63,"group":152},{"id":63,"label":64,"slug":65},[154,155],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":4,"image":162,"width":52,"height":53,"image_alt":163,"kind":55,"patterns":164,"component_categories":180,"app":187},"61202ac9-53f1-4269-903e-a44b6c912b4f","Just a few quick things to set up your account…","Onboarding step where the user enters their company name and optional job title to begin setting up their new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61202ac9-53f1-4269-903e-a44b6c912b4f.png","Just a few quick things to set up your account… from Basecamp",[165,167,175],{"id":63,"label":124,"slug":125,"rank":61,"group":166},{"id":63,"label":64,"slug":65},{"id":168,"label":169,"slug":170,"rank":63,"group":171},75,"Setup Wizard","setup-wizard",{"id":172,"label":173,"slug":174},7,"Onboarding & Education","onboarding-and-education",{"id":176,"label":177,"slug":178,"rank":58,"group":179},74,"Onboarding Checklist","onboarding-checklist",{"id":172,"label":173,"slug":174},[181,185,186],{"id":182,"title":183,"slug":184},260,"Badge","badge",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":160,"description":191,"canonical_path":4,"image":192,"width":52,"height":53,"image_alt":163,"kind":55,"patterns":193,"component_categories":198,"app":202},"4dcd4126-b580-4a74-8dd1-ff511955e99c","Onboarding step where the user provides their company name and an optional job title to set up their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4dcd4126-b580-4a74-8dd1-ff511955e99c.png",[194,196],{"id":63,"label":124,"slug":125,"rank":61,"group":195},{"id":63,"label":64,"slug":65},{"id":168,"label":169,"slug":170,"rank":63,"group":197},{"id":172,"label":173,"slug":174},[199,200,201],{"id":182,"title":183,"slug":184},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":160,"description":206,"canonical_path":4,"image":207,"width":52,"height":53,"image_alt":163,"kind":55,"patterns":208,"component_categories":221,"app":225},"14f97b9a-51ea-448b-b6e3-8b3c816afe1a","Onboarding step where the user selects which teams exist at their company to pre-populate their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14f97b9a-51ea-448b-b6e3-8b3c816afe1a.png",[209,211,213],{"id":63,"label":124,"slug":125,"rank":61,"group":210},{"id":63,"label":64,"slug":65},{"id":168,"label":169,"slug":170,"rank":63,"group":212},{"id":172,"label":173,"slug":174},{"id":214,"label":215,"slug":216,"rank":58,"group":217},104,"Team Management","team-management",{"id":218,"label":219,"slug":220},10,"Settings & Admin","settings-and-admin",[222,223,224],{"id":182,"title":183,"slug":184},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":226},[],{"uuid":228,"title":160,"description":229,"canonical_path":4,"image":230,"width":52,"height":53,"image_alt":163,"kind":55,"patterns":231,"component_categories":236,"app":243},"c481da18-7939-46d2-b59a-0cf5da626a22","Onboarding step where the user selects which pre-defined teams to create for their new workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc481da18-7939-46d2-b59a-0cf5da626a22.png",[232,234],{"id":63,"label":124,"slug":125,"rank":61,"group":233},{"id":63,"label":64,"slug":65},{"id":214,"label":215,"slug":216,"rank":63,"group":235},{"id":218,"label":219,"slug":220},[237,241,242],{"id":238,"title":239,"slug":240},227,"Stepper","stepper",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":160,"description":247,"canonical_path":4,"image":248,"width":52,"height":53,"image_alt":163,"kind":55,"patterns":249,"component_categories":256,"app":260},"8ee9d33b-75a1-4005-adc2-811aed8bd3ae","Onboarding step where the user selects ongoing projects like redesigning a website or planning an event to pre-populate their new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ee9d33b-75a1-4005-adc2-811aed8bd3ae.png",[250,252,254],{"id":63,"label":124,"slug":125,"rank":61,"group":251},{"id":63,"label":64,"slug":65},{"id":176,"label":177,"slug":178,"rank":63,"group":253},{"id":172,"label":173,"slug":174},{"id":168,"label":169,"slug":170,"rank":58,"group":255},{"id":172,"label":173,"slug":174},[257,258,259],{"id":182,"title":183,"slug":184},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":261},[],{"uuid":263,"title":160,"description":264,"canonical_path":4,"image":265,"width":52,"height":53,"image_alt":163,"kind":55,"patterns":266,"component_categories":273,"app":278},"e177b9d2-ecb5-4ec2-a9c6-310fc919ae55","Onboarding step where the user selects current projects like redesigning a website or planning an event to populate their new workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe177b9d2-ecb5-4ec2-a9c6-310fc919ae55.png",[267,269,271],{"id":63,"label":124,"slug":125,"rank":61,"group":268},{"id":63,"label":64,"slug":65},{"id":168,"label":169,"slug":170,"rank":63,"group":270},{"id":172,"label":173,"slug":174},{"id":176,"label":177,"slug":178,"rank":58,"group":272},{"id":172,"label":173,"slug":174},[274,275,276,277],{"id":238,"title":239,"slug":240},{"id":182,"title":183,"slug":184},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":279},[],[],[282,284,286,288,290,292,294,296,299,302,305,308,311,314,316,320,324,328],{"label":124,"to":283},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":169,"to":285},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":177,"to":287},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":100,"to":289},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":59,"to":291},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":215,"to":293},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":105,"to":295},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":297,"to":298},"Basecamp marketing pages","\u002Fexamples\u002Fapps\u002Fbasecamp\u002Fmarketing",{"label":300,"to":301},"Basecamp user flows","\u002Fexamples\u002Fapps\u002Fbasecamp\u002Fflows",{"label":303,"to":304},"Basecamp UI components","\u002Fexamples\u002Fapps\u002Fbasecamp\u002Fcomponents",{"label":306,"to":307},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":309,"to":310},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":312,"to":313},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":315,"to":18},"All SaaS app examples",{"label":317,"to":318,"description":319},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":321,"to":322,"description":323},"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":325,"to":326,"description":327},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":329,"to":330,"description":331},"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":333,"updated_at":334},"2022-01-09T19:27:07.000Z","2026-09-13T13:02:39.000Z"]