[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fheight\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":320,"links":321,"dates":355},"\u002Fexamples\u002Fapps\u002Fheight\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Height product screens examples - Nicelydone","Browse Height screen design examples. Preview the interface screenshots and explore related UI patterns. Manage projects across engineering, product,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4b5d2240-d52b-4936-b9c4-7c39c40e7749.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},"Height design examples","\u002Fexamples\u002Fapps\u002Fheight",{"label":23,"to":4},"Height product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Height screen design examples. Preview the interface screenshots and explore related UI patterns. Manage projects across engineering, product, design, and other teams",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Height","height","Manage projects across engineering, product, design, and other teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fheight-29b426a4.png","https:\u002F\u002Fheight.app","height_app",[37,41,45],{"id":38,"title":39,"slug":40},86,"Product management","product-management",{"id":42,"title":43,"slug":44},29,"Task Management","task-management",{"id":46,"title":47,"slug":48},30,"Productivity","productivity",[50,79,90,105,117,132,143,167,212,245,290,309],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":68,"app":77},"4b5d2240-d52b-4936-b9c4-7c39c40e7749","Log in - Height","Sign-in screen where the user authenticates with Google, Apple, email, or SAML SSO.",3024,1778,"Log in - Height from Height","screen",[59],{"id":60,"label":61,"slug":62,"rank":63,"group":64},4,"Sign In","sign-in",0,{"id":65,"label":66,"slug":67},1,"Access & Account","access-and-account",[69,73],{"id":70,"title":71,"slug":72},174,"Card","card",{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":78},[],{"uuid":80,"title":52,"description":53,"canonical_path":4,"image":81,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":82,"component_categories":85,"app":88},"fd4388d5-6530-43d2-85da-b2ddda8ae483","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd4388d5-6530-43d2-85da-b2ddda8ae483.png",[83],{"id":60,"label":61,"slug":62,"rank":63,"group":84},{"id":65,"label":66,"slug":67},[86,87],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":52,"description":92,"canonical_path":4,"image":93,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":94,"component_categories":100,"app":103},"dc2662b2-ab46-4fcb-af60-08c36c8b41b3","Signup screen where the user provides their email, password, and full name to proceed with account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc2662b2-ab46-4fcb-af60-08c36c8b41b3.png",[95],{"id":96,"label":97,"slug":98,"rank":63,"group":99},5,"Sign Up","sign-up",{"id":65,"label":66,"slug":67},[101,102],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":52,"description":107,"canonical_path":4,"image":108,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":109,"component_categories":112,"app":115},"0cd97139-9cac-4b0f-b349-8501b8a362a9","Signup step where the user provides their email, password, and full name to create a new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cd97139-9cac-4b0f-b349-8501b8a362a9.png",[110],{"id":96,"label":97,"slug":98,"rank":63,"group":111},{"id":65,"label":66,"slug":67},[113,114],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":31,"title":30,"logo":33,"categories":116},[],{"uuid":118,"title":52,"description":119,"canonical_path":4,"image":120,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":121,"component_categories":127,"app":130},"dff632cf-1785-489f-ba87-43dba13fdeef","Verification screen where the user enters a unique code sent to their email to complete the signup process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdff632cf-1785-489f-ba87-43dba13fdeef.png",[122],{"id":123,"label":124,"slug":125,"rank":63,"group":126},6,"Verification","verification",{"id":65,"label":66,"slug":67},[128,129],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":31,"title":30,"logo":33,"categories":131},[],{"uuid":133,"title":52,"description":119,"canonical_path":4,"image":134,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":135,"component_categories":138,"app":141},"bb5912e6-c467-4853-b83e-8ffffd5b5d86","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbb5912e6-c467-4853-b83e-8ffffd5b5d86.png",[136],{"id":123,"label":124,"slug":125,"rank":63,"group":137},{"id":65,"label":66,"slug":67},[139,140],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":31,"title":30,"logo":33,"categories":142},[],{"uuid":144,"title":145,"description":146,"canonical_path":4,"image":147,"width":54,"height":55,"image_alt":148,"kind":57,"patterns":149,"component_categories":163,"app":165},"14451d43-481d-486a-a776-5335cd4aeb2e","Get started - Height","Onboarding step where the user is welcomed to the app and prompted to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14451d43-481d-486a-a776-5335cd4aeb2e.png","Get started - Height from Height",[150,158],{"id":151,"label":152,"slug":153,"rank":63,"group":154},77,"Welcome","welcome",{"id":155,"label":156,"slug":157},7,"Onboarding & Education","onboarding-and-education",{"id":159,"label":160,"slug":161,"rank":65,"group":162},72,"Getting Started","getting-started",{"id":155,"label":156,"slug":157},[164],{"id":74,"title":75,"slug":76},{"slug":31,"title":30,"logo":33,"categories":166},[],{"uuid":168,"title":145,"description":169,"canonical_path":4,"image":170,"width":54,"height":55,"image_alt":148,"kind":57,"patterns":171,"component_categories":192,"app":210},"082db537-a8f4-4bda-86f7-9ee715e0da7a","Detail page for a new website project where a user can view task attributes, watch an embedded video update, and review the activity feed or add comments in the right sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F082db537-a8f4-4bda-86f7-9ee715e0da7a.png",[172,177,184],{"id":173,"label":174,"slug":175,"rank":63,"group":176},74,"Onboarding Checklist","onboarding-checklist",{"id":155,"label":156,"slug":157},{"id":155,"label":178,"slug":179,"rank":65,"group":180},"Add & Create","add-and-create",{"id":181,"label":182,"slug":183},2,"Actions","actions",{"id":185,"label":186,"slug":187,"rank":181,"group":188},79,"Browse","browse",{"id":189,"label":190,"slug":191},8,"Pages & Content","pages-and-content",[193,197,201,205,209],{"id":194,"title":195,"slug":196},177,"Breadcrumb","breadcrumb",{"id":198,"title":199,"slug":200},240,"Horizontal navigation","horizontal-navigation",{"id":202,"title":203,"slug":204},233,"Tabs","tabs",{"id":206,"title":207,"slug":208},169,"Avatar","avatar",{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":211},[],{"uuid":213,"title":145,"description":214,"canonical_path":4,"image":215,"width":54,"height":55,"image_alt":148,"kind":57,"patterns":216,"component_categories":237,"app":243},"393fe4c1-23c1-4a6a-bb8d-b418895a269f","Detail page for a project task featuring a rich text description, attribute tags, and a right-hand activity feed with a chat composer and a video message.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F393fe4c1-23c1-4a6a-bb8d-b418895a269f.png",[217,222,227,234],{"id":218,"label":219,"slug":220,"rank":63,"group":221},85,"Tasks","tasks",{"id":189,"label":190,"slug":191},{"id":223,"label":224,"slug":225,"rank":65,"group":226},11,"Edit","edit",{"id":181,"label":182,"slug":183},{"id":228,"label":229,"slug":230,"rank":181,"group":231},106,"Comments","comments",{"id":223,"label":232,"slug":233},"Social & Collaboration","social-and-collaboration",{"id":159,"label":160,"slug":161,"rank":235,"group":236},3,{"id":155,"label":156,"slug":157},[238,239,240,241,242],{"id":198,"title":199,"slug":200},{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":31,"title":30,"logo":33,"categories":244},[],{"uuid":246,"title":145,"description":247,"canonical_path":4,"image":248,"width":54,"height":55,"image_alt":148,"kind":57,"patterns":249,"component_categories":278,"app":288},"bc83a05a-2c1e-435d-b927-96c75ed465bd","Detail page where the user views project attributes, a rich text description, and an activity feed with an onboarding video tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc83a05a-2c1e-435d-b927-96c75ed465bd.png",[250,252,259,266,271],{"id":159,"label":160,"slug":161,"rank":63,"group":251},{"id":155,"label":156,"slug":157},{"id":253,"label":254,"slug":255,"rank":65,"group":256},38,"Activity Log","activity-log",{"id":60,"label":257,"slug":258},"Data & Analysis","data-and-analysis",{"id":260,"label":261,"slug":262,"rank":181,"group":263},35,"Chatbot","chatbot",{"id":235,"label":264,"slug":265},"AI","ai",{"id":267,"label":268,"slug":269,"rank":235,"group":270},81,"Home","home",{"id":189,"label":190,"slug":191},{"id":272,"label":273,"slug":274,"rank":60,"group":275},61,"Video Player","video-player",{"id":96,"label":276,"slug":277},"Media & Tools","media-and-tools",[279,280,284,285,286,287],{"id":194,"title":195,"slug":196},{"id":281,"title":282,"slug":283},260,"Badge","badge",{"id":198,"title":199,"slug":200},{"id":206,"title":207,"slug":208},{"id":74,"title":75,"slug":76},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":289},[],{"uuid":291,"title":145,"description":292,"canonical_path":4,"image":293,"width":54,"height":55,"image_alt":148,"kind":57,"patterns":294,"component_categories":301,"app":307},"2fcbe436-6cc8-455a-a964-aec1ebb64b72","Detail page for a specific task featuring a rich text overview on the left and an activity feed on the right with an AI-drafted project checkup awaiting review.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2fcbe436-6cc8-455a-a964-aec1ebb64b72.png",[295,297,299],{"id":159,"label":160,"slug":161,"rank":63,"group":296},{"id":155,"label":156,"slug":157},{"id":173,"label":174,"slug":175,"rank":65,"group":298},{"id":155,"label":156,"slug":157},{"id":185,"label":186,"slug":187,"rank":181,"group":300},{"id":189,"label":190,"slug":191},[302,303,304,305,306],{"id":281,"title":282,"slug":283},{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":31,"title":30,"logo":33,"categories":308},[],{"uuid":310,"title":52,"description":53,"canonical_path":4,"image":311,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":312,"component_categories":315,"app":318},"9647bd33-974b-47c2-9149-2ede911011d7","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9647bd33-974b-47c2-9149-2ede911011d7.png",[313],{"id":60,"label":61,"slug":62,"rank":63,"group":314},{"id":65,"label":66,"slug":67},[316,317],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":31,"title":30,"logo":33,"categories":319},[],[],[322,324,326,328,330,332,334,336,338,340,342,344,346,349,352],{"label":160,"to":323},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":61,"to":325},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":186,"to":327},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":174,"to":329},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":97,"to":331,"count":181},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":124,"to":333,"count":181},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":254,"to":335,"count":65},"\u002Fexamples\u002Fscreens\u002Factivity-log",{"label":178,"to":337,"count":65},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":261,"to":339,"count":65},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":229,"to":341,"count":65},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":224,"to":343,"count":65},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":268,"to":345,"count":65},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":347,"to":348},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":350,"to":351},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":353,"to":354},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"published_at":356,"updated_at":357},"2021-10-18T08:35:58.000Z","2026-09-13T13:02:39.000Z"]