[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbasecamp":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":56,"showcases":57,"links":299,"dates":336},"\u002Fexamples\u002Fapps\u002Fbasecamp","detail","apps",true,{"title":9,"description":10,"og_image":11},"Basecamp design examples - Nicelydone","Explore Basecamp UI design examples. The all-in-one toolkit for working remotely.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc87d296-7d2e-4a3e-ab21-aaab3c3b3c97.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Basecamp design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Basecamp",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fbasecamp\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fbasecamp\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fbasecamp\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Basecamp","basecamp","The all-in-one toolkit for working remotely.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbasecamp-03f6c303.png","https:\u002F\u002Fbasecamp.com",[44,48,52],{"id":45,"title":46,"slug":47},29,"Task Management","task-management",{"id":49,"title":50,"slug":51},23,"Collaboration","collaboration",{"id":53,"title":54,"slug":55},30,"Productivity","productivity",[],[58,293,296],{"family":59,"examples":60},"screens",[61,90,104,129,145,157,171,202,217,240,258,275],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":79,"app":88},"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",[70],{"id":71,"label":72,"slug":73,"rank":74,"group":75},2,"Forgot Password","forgot-password",0,{"id":76,"label":77,"slug":78},1,"Access & Account","access-and-account",[80,84],{"id":81,"title":82,"slug":83},174,"Card","card",{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":29,"image":94,"width":65,"height":66,"image_alt":95,"kind":68,"patterns":96,"component_categories":99,"app":102},"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",[97],{"id":71,"label":72,"slug":73,"rank":74,"group":98},{"id":76,"label":77,"slug":78},[100,101],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":29,"image":108,"width":65,"height":66,"image_alt":109,"kind":68,"patterns":110,"component_categories":124,"app":127},"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",[111,116],{"id":112,"label":113,"slug":114,"rank":74,"group":115},5,"Sign Up","sign-up",{"id":76,"label":77,"slug":78},{"id":117,"label":118,"slug":119,"rank":76,"group":120},91,"Trial","trial",{"id":121,"label":122,"slug":123},9,"Plans & Limits","plans-and-limits",[125,126],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":128},[],{"uuid":130,"title":106,"description":131,"canonical_path":29,"image":132,"width":65,"height":66,"image_alt":109,"kind":68,"patterns":133,"component_categories":140,"app":143},"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",[134,136],{"id":112,"label":113,"slug":114,"rank":74,"group":135},{"id":76,"label":77,"slug":78},{"id":76,"label":137,"slug":138,"rank":76,"group":139},"Account Setup","account-setup",{"id":76,"label":77,"slug":78},[141,142],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":144},[],{"uuid":146,"title":106,"description":147,"canonical_path":29,"image":148,"width":65,"height":66,"image_alt":109,"kind":68,"patterns":149,"component_categories":152,"app":155},"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",[150],{"id":76,"label":137,"slug":138,"rank":74,"group":151},{"id":76,"label":77,"slug":78},[153,154],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":156},[],{"uuid":158,"title":106,"description":159,"canonical_path":29,"image":160,"width":65,"height":66,"image_alt":109,"kind":68,"patterns":161,"component_categories":166,"app":169},"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",[162,164],{"id":112,"label":113,"slug":114,"rank":74,"group":163},{"id":76,"label":77,"slug":78},{"id":76,"label":137,"slug":138,"rank":76,"group":165},{"id":76,"label":77,"slug":78},[167,168],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":170},[],{"uuid":172,"title":173,"description":174,"canonical_path":29,"image":175,"width":65,"height":66,"image_alt":176,"kind":68,"patterns":177,"component_categories":193,"app":200},"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",[178,180,188],{"id":76,"label":137,"slug":138,"rank":74,"group":179},{"id":76,"label":77,"slug":78},{"id":181,"label":182,"slug":183,"rank":76,"group":184},75,"Setup Wizard","setup-wizard",{"id":185,"label":186,"slug":187},7,"Onboarding & Education","onboarding-and-education",{"id":189,"label":190,"slug":191,"rank":71,"group":192},74,"Onboarding Checklist","onboarding-checklist",{"id":185,"label":186,"slug":187},[194,198,199],{"id":195,"title":196,"slug":197},260,"Badge","badge",{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":201},[],{"uuid":203,"title":173,"description":204,"canonical_path":29,"image":205,"width":65,"height":66,"image_alt":176,"kind":68,"patterns":206,"component_categories":211,"app":215},"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",[207,209],{"id":76,"label":137,"slug":138,"rank":74,"group":208},{"id":76,"label":77,"slug":78},{"id":181,"label":182,"slug":183,"rank":76,"group":210},{"id":185,"label":186,"slug":187},[212,213,214],{"id":195,"title":196,"slug":197},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":216},[],{"uuid":218,"title":173,"description":219,"canonical_path":29,"image":220,"width":65,"height":66,"image_alt":176,"kind":68,"patterns":221,"component_categories":234,"app":238},"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",[222,224,226],{"id":76,"label":137,"slug":138,"rank":74,"group":223},{"id":76,"label":77,"slug":78},{"id":181,"label":182,"slug":183,"rank":76,"group":225},{"id":185,"label":186,"slug":187},{"id":227,"label":228,"slug":229,"rank":71,"group":230},104,"Team Management","team-management",{"id":231,"label":232,"slug":233},10,"Settings & Admin","settings-and-admin",[235,236,237],{"id":195,"title":196,"slug":197},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":239},[],{"uuid":241,"title":173,"description":242,"canonical_path":29,"image":243,"width":65,"height":66,"image_alt":176,"kind":68,"patterns":244,"component_categories":249,"app":256},"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",[245,247],{"id":76,"label":137,"slug":138,"rank":74,"group":246},{"id":76,"label":77,"slug":78},{"id":227,"label":228,"slug":229,"rank":76,"group":248},{"id":231,"label":232,"slug":233},[250,254,255],{"id":251,"title":252,"slug":253},227,"Stepper","stepper",{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":257},[],{"uuid":259,"title":173,"description":260,"canonical_path":29,"image":261,"width":65,"height":66,"image_alt":176,"kind":68,"patterns":262,"component_categories":269,"app":273},"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",[263,265,267],{"id":76,"label":137,"slug":138,"rank":74,"group":264},{"id":76,"label":77,"slug":78},{"id":189,"label":190,"slug":191,"rank":76,"group":266},{"id":185,"label":186,"slug":187},{"id":181,"label":182,"slug":183,"rank":71,"group":268},{"id":185,"label":186,"slug":187},[270,271,272],{"id":195,"title":196,"slug":197},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":274},[],{"uuid":276,"title":173,"description":277,"canonical_path":29,"image":278,"width":65,"height":66,"image_alt":176,"kind":68,"patterns":279,"component_categories":286,"app":291},"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",[280,282,284],{"id":76,"label":137,"slug":138,"rank":74,"group":281},{"id":76,"label":77,"slug":78},{"id":181,"label":182,"slug":183,"rank":76,"group":283},{"id":185,"label":186,"slug":187},{"id":189,"label":190,"slug":191,"rank":71,"group":285},{"id":185,"label":186,"slug":187},[287,288,289,290],{"id":251,"title":252,"slug":253},{"id":195,"title":196,"slug":197},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":292},[],{"family":294,"examples":295},"flows",[],{"family":297,"examples":298},"pages",[],[300,302,304,306,309,312,315,318,320,324,328,332],{"label":301,"to":29},"Basecamp product screens",{"label":303,"to":35},"Basecamp marketing pages",{"label":305,"to":32},"Basecamp user flows",{"label":307,"to":308},"Basecamp UI components","\u002Fexamples\u002Fapps\u002Fbasecamp\u002Fcomponents",{"label":310,"to":311},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":313,"to":314},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":316,"to":317},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":319,"to":18},"All SaaS app examples",{"label":321,"to":322,"description":323},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":325,"to":326,"description":327},"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":329,"to":330,"description":331},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":333,"to":334,"description":335},"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":337,"updated_at":338},"2022-01-09T19:27:07.000Z","2026-09-13T13:02:39.000Z"]