[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":306,"links":307,"dates":332},"\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Dock product screens examples - Nicelydone","Browse Dock screen design examples. Preview the interface screenshots and explore related UI patterns. The new way to manage external relationships","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81501417-f5c6-47fa-b6f5-d822a095a0fc.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},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":23,"to":4},"Dock 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},"Dock","dock","The new way to manage external relationships","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","https:\u002F\u002Fdock.us",[35,39],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",{"id":40,"title":41,"slug":42},29,"Task Management","task-management",[44,81,95,110,139,163,186,200,218,234,258,283],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":79},"81501417-f5c6-47fa-b6f5-d822a095a0fc","Sign up · Dock","Signup screen where the user can authenticate via Google, Microsoft, or email, featuring a customer testimonial from Lattice on the left panel.",3024,1758,"Sign up · Dock from Dock","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},5,"Sign Up","sign-up",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67,71,75],{"id":64,"title":65,"slug":66},232,"Testimonial","testimonial",{"id":68,"title":69,"slug":70},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":46,"description":83,"canonical_path":4,"image":84,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":85,"component_categories":88,"app":93},"489de125-0626-4942-b7e2-ea25baa102b5","Signup page where the user can create an account using Google, Microsoft, or a work email, featuring a customer testimonial from Lattice.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F489de125-0626-4942-b7e2-ea25baa102b5.png",[86],{"id":54,"label":55,"slug":56,"rank":57,"group":87},{"id":59,"label":60,"slug":61},[89,90,91,92],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":46,"description":97,"canonical_path":4,"image":98,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":99,"component_categories":105,"app":108},"cac7e7cc-8d1b-43b9-a3b7-e3afac4958dd","Verification screen where the user is instructed to check their inbox for a link to create their Dock account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcac7e7cc-8d1b-43b9-a3b7-e3afac4958dd.png",[100],{"id":101,"label":102,"slug":103,"rank":57,"group":104},6,"Verification","verification",{"id":59,"label":60,"slug":61},[106,107],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":112,"description":113,"canonical_path":4,"image":114,"width":48,"height":49,"image_alt":115,"kind":51,"patterns":116,"component_categories":129,"app":137},"7dd43abf-9f19-442d-9bab-14c0117af1aa","Register · Dock","Signup step where the user creates their profile by entering their name, password, title, phone number, calendar link, and selecting an avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7dd43abf-9f19-442d-9bab-14c0117af1aa.png","Register · Dock from Dock",[117,121],{"id":59,"label":118,"slug":119,"rank":57,"group":120},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},{"id":122,"label":123,"slug":124,"rank":59,"group":125},3,"Profile","profile",{"id":126,"label":127,"slug":128},11,"Social & Collaboration","social-and-collaboration",[130,134,135,136],{"id":131,"title":132,"slug":133},227,"Stepper","stepper",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":112,"description":141,"canonical_path":4,"image":142,"width":48,"height":49,"image_alt":115,"kind":51,"patterns":143,"component_categories":156,"app":161},"14266604-55d6-445f-8a9d-69abdbd8108a","Signup step where the user creates their profile by entering their name, password, optional details, and selecting an avatar while viewing a live preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14266604-55d6-445f-8a9d-69abdbd8108a.png",[144,146,154],{"id":59,"label":118,"slug":119,"rank":57,"group":145},{"id":59,"label":60,"slug":61},{"id":147,"label":148,"slug":149,"rank":59,"group":150},7,"Add & Create","add-and-create",{"id":151,"label":152,"slug":153},2,"Actions","actions",{"id":122,"label":123,"slug":124,"rank":151,"group":155},{"id":126,"label":127,"slug":128},[157,158,159,160],{"id":131,"title":132,"slug":133},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":112,"description":165,"canonical_path":4,"image":166,"width":48,"height":49,"image_alt":115,"kind":51,"patterns":167,"component_categories":179,"app":184},"767947db-7b8d-49fd-b0b4-7b020ee8d7ae","Onboarding step where the user sets up their profile by entering their name, password, and optional contact details while viewing a live preview card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F767947db-7b8d-49fd-b0b4-7b020ee8d7ae.png",[168,170,172],{"id":59,"label":118,"slug":119,"rank":57,"group":169},{"id":59,"label":60,"slug":61},{"id":122,"label":123,"slug":124,"rank":59,"group":171},{"id":126,"label":127,"slug":128},{"id":173,"label":174,"slug":175,"rank":151,"group":176},74,"Onboarding Checklist","onboarding-checklist",{"id":147,"label":177,"slug":178},"Onboarding & Education","onboarding-and-education",[180,181,182,183],{"id":131,"title":132,"slug":133},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":185},[],{"uuid":187,"title":112,"description":188,"canonical_path":4,"image":189,"width":48,"height":49,"image_alt":115,"kind":51,"patterns":190,"component_categories":193,"app":198},"9c67dbd4-c304-4397-be7d-9ba075f97bde","Onboarding step where the user creates their profile by entering their name, password, and optional details while seeing a live preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9c67dbd4-c304-4397-be7d-9ba075f97bde.png",[191],{"id":59,"label":118,"slug":119,"rank":57,"group":192},{"id":59,"label":60,"slug":61},[194,195,196,197],{"id":131,"title":132,"slug":133},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":112,"description":202,"canonical_path":4,"image":203,"width":48,"height":49,"image_alt":115,"kind":51,"patterns":204,"component_categories":211,"app":216},"c7cd3cae-e37c-4c17-b18f-ec53b4883f4f","Onboarding step where the user sets up their organization by providing a company name, website, and custom Dock subdomain, alongside a live preview of their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc7cd3cae-e37c-4c17-b18f-ec53b4883f4f.png",[205,207,209],{"id":59,"label":118,"slug":119,"rank":57,"group":206},{"id":59,"label":60,"slug":61},{"id":147,"label":148,"slug":149,"rank":59,"group":208},{"id":151,"label":152,"slug":153},{"id":173,"label":174,"slug":175,"rank":151,"group":210},{"id":147,"label":177,"slug":178},[212,213,214,215],{"id":131,"title":132,"slug":133},{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":112,"description":220,"canonical_path":4,"image":221,"width":48,"height":49,"image_alt":115,"kind":51,"patterns":222,"component_categories":227,"app":232},"9583fa4d-1b2a-4879-a608-b5f584dc365e","Onboarding step where the user sets up their organization by providing a company name, website, and custom subdomain, with a live preview of their workspace on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9583fa4d-1b2a-4879-a608-b5f584dc365e.png",[223,225],{"id":59,"label":118,"slug":119,"rank":57,"group":224},{"id":59,"label":60,"slug":61},{"id":147,"label":148,"slug":149,"rank":59,"group":226},{"id":151,"label":152,"slug":153},[228,229,230,231],{"id":131,"title":132,"slug":133},{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":112,"description":236,"canonical_path":4,"image":237,"width":48,"height":49,"image_alt":115,"kind":51,"patterns":238,"component_categories":251,"app":256},"71ccf36b-34c1-4cfb-8e17-3cbd33a6a868","Onboarding step where the user sets up their organization by providing a company name, website, and subdomain, currently showing a validation error for an unavailable subdomain.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71ccf36b-34c1-4cfb-8e17-3cbd33a6a868.png",[239,241,243],{"id":59,"label":118,"slug":119,"rank":57,"group":240},{"id":59,"label":60,"slug":61},{"id":173,"label":174,"slug":175,"rank":59,"group":242},{"id":147,"label":177,"slug":178},{"id":244,"label":245,"slug":246,"rank":151,"group":247},116,"Error","error",{"id":248,"label":249,"slug":250},12,"States & Feedback","states-and-feedback",[252,253,254,255],{"id":131,"title":132,"slug":133},{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":257},[],{"uuid":259,"title":112,"description":260,"canonical_path":4,"image":261,"width":48,"height":49,"image_alt":115,"kind":51,"patterns":262,"component_categories":272,"app":281},"db820ecb-5f5b-4d63-af3a-491ea7ba47c4","Onboarding step where the user configures their organization's logo, banner, and brand colors alongside a live preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdb820ecb-5f5b-4d63-af3a-491ea7ba47c4.png",[263,265,267],{"id":59,"label":118,"slug":119,"rank":57,"group":264},{"id":59,"label":60,"slug":61},{"id":147,"label":148,"slug":149,"rank":59,"group":266},{"id":151,"label":152,"slug":153},{"id":268,"label":269,"slug":270,"rank":151,"group":271},25,"Upload & Download","upload-and-download",{"id":151,"label":152,"slug":153},[273,277,278,279,280],{"id":274,"title":275,"slug":276},233,"Tabs","tabs",{"id":131,"title":132,"slug":133},{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":282},[],{"uuid":284,"title":112,"description":285,"canonical_path":4,"image":286,"width":48,"height":49,"image_alt":115,"kind":51,"patterns":287,"component_categories":296,"app":304},"c11cf990-264e-4212-8abd-992e7822a5cf","Onboarding step where the user sets up their organization's brand by uploading a logo and banner, and selecting brand colors via hex inputs, with a live preview of the resulting workspace on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc11cf990-264e-4212-8abd-992e7822a5cf.png",[288,290,292],{"id":59,"label":118,"slug":119,"rank":57,"group":289},{"id":59,"label":60,"slug":61},{"id":147,"label":148,"slug":149,"rank":59,"group":291},{"id":151,"label":152,"slug":153},{"id":126,"label":293,"slug":294,"rank":151,"group":295},"Edit","edit",{"id":151,"label":152,"slug":153},[297,301,302,303],{"id":298,"title":299,"slug":300},260,"Badge","badge",{"id":131,"title":132,"slug":133},{"id":76,"title":77,"slug":78},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":305},[],[],[308,310,312,314,316,318,320,322,324,326,329],{"label":118,"to":309},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":148,"to":311},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":174,"to":313},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":123,"to":315},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":55,"to":317,"count":151},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":293,"to":319,"count":59},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":245,"to":321,"count":59},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":269,"to":323,"count":59},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":102,"to":325,"count":59},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":327,"to":328},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":330,"to":331},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"published_at":333,"updated_at":334},"2021-11-21T11:27:45.000Z","2026-09-13T13:02:39.000Z"]