[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmarvel":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":54,"showcases":55,"links":322,"dates":342},"\u002Fexamples\u002Fapps\u002Fmarvel","detail","apps",true,{"title":9,"description":10,"og_image":11},"Marvel design examples - Nicelydone","Explore Marvel UI design examples. Design and Prototyping for everyone","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_sign-in_51e9f684_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Marvel design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Marvel",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmarvel\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fmarvel\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":40,"categories":41},"Marvel","marvel","Design and Prototyping for everyone","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmarvel-d04e151b.png","https:\u002F\u002Fmarvelapp.com","marvelapp",[42,46,50],{"id":43,"title":44,"slug":45},8,"Design","design",{"id":47,"title":48,"slug":49},23,"Collaboration","collaboration",{"id":51,"title":52,"slug":53},104,"User Research","user-research",[],[56,319],{"family":57,"examples":58},"screens",[59,84,101,111,128,174,189,205,215,231,262,301],{"uuid":60,"title":61,"description":62,"canonical_path":29,"image":11,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":67,"component_categories":77,"app":82},"364d214f-0b56-44a3-9cf4-6680d6dbbe54","Marvel | Sign in","Sign-in screen where the user authenticates with email, Google, or Enterprise SSO, alongside a promotional spotlight for a new user testing player.",3072,1726,"Marvel | Sign in from Marvel","screen",[68],{"id":69,"label":70,"slug":71,"rank":72,"group":73},4,"Sign In","sign-in",0,{"id":74,"label":75,"slug":76},1,"Access & Account","access-and-account",[78],{"id":79,"title":80,"slug":81},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":83},[],{"uuid":85,"title":86,"description":87,"canonical_path":29,"image":88,"width":63,"height":89,"image_alt":90,"kind":66,"patterns":91,"component_categories":97,"app":99},"ba72fb26-9dde-4d40-9d5a-4dc34b1d7c7d","Reset your password – Marvel","Password recovery screen where the user enters their email address to receive a reset link, accompanied by a promotional panel for a new user testing feature.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_password-reset_3598fecf_nicelydone.png",1654,"Reset your password – Marvel from Marvel",[92],{"id":93,"label":94,"slug":95,"rank":72,"group":96},2,"Forgot Password","forgot-password",{"id":74,"label":75,"slug":76},[98],{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":29,"image":105,"width":63,"height":89,"image_alt":106,"kind":66,"patterns":107,"component_categories":108,"app":109},"f69a16c7-177b-4457-b0d8-6e5fe5829542","SSO | Marvel","Onboarding Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_sign-in_f6d02e47_nicelydone.png","SSO | Marvel from Marvel",[],[],{"slug":36,"title":35,"logo":38,"categories":110},[],{"uuid":112,"title":113,"description":114,"canonical_path":29,"image":115,"width":63,"height":116,"image_alt":117,"kind":66,"patterns":118,"component_categories":124,"app":126},"13a6b732-41bb-40ed-8bd6-51abc443a81b","Marvel | Create your free account","Signup screen where the user creates a free account using their email and password or via Google OAuth.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_create_42f4aa48_nicelydone.png",2106,"Marvel | Create your free account from Marvel",[119],{"id":120,"label":121,"slug":122,"rank":72,"group":123},5,"Sign Up","sign-up",{"id":74,"label":75,"slug":76},[125],{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":29,"image":132,"width":63,"height":89,"image_alt":133,"kind":66,"patterns":134,"component_categories":150,"app":172},"dfb00caf-a5d5-43dd-9c72-73a3bf4b57ad","Projects | Marvel","Projects view displaying an empty state with a prompt to check the team for existing work, alongside an onboarding request for the user's role to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_home-product-logged_onboarding_663513fd_nicelydone.png","Projects | Marvel from Marvel",[135,143],{"id":136,"label":137,"slug":138,"rank":72,"group":139},115,"Empty State","empty-state",{"id":140,"label":141,"slug":142},12,"States & Feedback","states-and-feedback",{"id":144,"label":145,"slug":146,"rank":74,"group":147},41,"Dashboard","dashboard",{"id":69,"label":148,"slug":149},"Data & Analysis","data-and-analysis",[151,155,159,163,167,171],{"id":152,"title":153,"slug":154},284,"Modal","modal",{"id":156,"title":157,"slug":158},233,"Tabs","tabs",{"id":160,"title":161,"slug":162},174,"Card","card",{"id":164,"title":165,"slug":166},260,"Badge","badge",{"id":168,"title":169,"slug":170},169,"Avatar","avatar",{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":173},[],{"uuid":175,"title":130,"description":176,"canonical_path":29,"image":177,"width":63,"height":89,"image_alt":133,"kind":66,"patterns":178,"component_categories":181,"app":187},"3bbb8067-9de8-48d6-bbfb-4e63b744c77c","Projects list view where the user is prompted to create their first project or check their team's projects because their personal list is empty.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_empty-state_home-product-logged_11d14a74_nicelydone.png",[179],{"id":136,"label":137,"slug":138,"rank":72,"group":180},{"id":140,"label":141,"slug":142},[182,183,184,185,186],{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":188},[],{"uuid":190,"title":130,"description":191,"canonical_path":29,"image":192,"width":63,"height":89,"image_alt":133,"kind":66,"patterns":193,"component_categories":198,"app":203},"2bee7c0e-b688-4938-bcef-c1f0bf588dee","Dashboard empty state where the user is prompted to create their first project or check if their team has any available.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_dropdown-other-states_navigation_0ebd10cc_nicelydone.png",[194,196],{"id":136,"label":137,"slug":138,"rank":72,"group":195},{"id":140,"label":141,"slug":142},{"id":144,"label":145,"slug":146,"rank":74,"group":197},{"id":69,"label":148,"slug":149},[199,200,201,202],{"id":156,"title":157,"slug":158},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":204},[],{"uuid":206,"title":207,"description":208,"canonical_path":29,"image":209,"width":63,"height":89,"image_alt":210,"kind":66,"patterns":211,"component_categories":212,"app":213},"d34626ac-fbd6-467f-938d-5fdc31f11ccb","Create a prototype project | Marvel","Onboarding Project management Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_create_0fe5b220_nicelydone.png","Create a prototype project | Marvel from Marvel",[],[],{"slug":36,"title":35,"logo":38,"categories":214},[],{"uuid":216,"title":207,"description":217,"canonical_path":29,"image":218,"width":63,"height":89,"image_alt":210,"kind":66,"patterns":219,"component_categories":227,"app":229},"16603c4e-c2ce-40d4-a80d-8515572fc347","Creation screen where the user names their new prototype project and selects a device resolution type from an open dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_create_432d3916_nicelydone.png",[220],{"id":221,"label":222,"slug":223,"rank":72,"group":224},7,"Add & Create","add-and-create",{"id":93,"label":225,"slug":226},"Actions","actions",[228],{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":230},[],{"uuid":232,"title":35,"description":233,"canonical_path":29,"image":234,"width":63,"height":235,"image_alt":236,"kind":66,"patterns":237,"component_categories":256,"app":260},"a91284e6-6a5f-4618-9fa5-fd90ee996650","Paywall modal where the user is prompted to upgrade their plan to access invite-only projects, featuring four pricing tiers and a detailed comparison table.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_plans-pricing-product_54b4297a_nicelydone.png",3754,"Marvel from Marvel",[238,246,251],{"id":239,"label":240,"slug":241,"rank":72,"group":242},88,"Feature Gate","feature-gate",{"id":243,"label":244,"slug":245},9,"Plans & Limits","plans-and-limits",{"id":247,"label":248,"slug":249,"rank":74,"group":250},89,"Pricing","pricing",{"id":243,"label":244,"slug":245},{"id":252,"label":253,"slug":254,"rank":93,"group":255},92,"Upgrade Prompt","upgrade-prompt",{"id":243,"label":244,"slug":245},[257,258,259],{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":261},[],{"uuid":263,"title":264,"description":265,"canonical_path":29,"image":266,"width":63,"height":267,"image_alt":268,"kind":66,"patterns":269,"component_categories":284,"app":299},"f298e512-d121-4c27-bf61-be81842d017a","Homepage proto | Marvel","Empty project view prompting the user to upload designs, get a Sketch plugin, or try an example prototype, with a banner offering a tutorial video.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_empty-state_onboarding_upload_cd0839eb_nicelydone.png",1834,"Homepage proto | Marvel from Marvel",[270,272,279],{"id":136,"label":137,"slug":138,"rank":72,"group":271},{"id":140,"label":141,"slug":142},{"id":273,"label":274,"slug":275,"rank":74,"group":276},81,"Home","home",{"id":43,"label":277,"slug":278},"Pages & Content","pages-and-content",{"id":280,"label":281,"slug":282,"rank":93,"group":283},25,"Upload & Download","upload-and-download",{"id":93,"label":225,"slug":226},[285,289,293,297,298],{"id":286,"title":287,"slug":288},277,"Button group","button-group",{"id":290,"title":291,"slug":292},240,"Horizontal navigation","horizontal-navigation",{"id":294,"title":295,"slug":296},223,"Slider","slider",{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":300},[],{"uuid":302,"title":264,"description":303,"canonical_path":29,"image":304,"width":63,"height":89,"image_alt":268,"kind":66,"patterns":305,"component_categories":312,"app":317},"1461e71b-1d97-4f4a-8391-5555a22943b8","Empty project dashboard where the user is prompted to upload designs, install a plugin, or try an example prototype.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_empty-state_upload_40232bf8_nicelydone.png",[306,308,310],{"id":136,"label":137,"slug":138,"rank":72,"group":307},{"id":140,"label":141,"slug":142},{"id":280,"label":281,"slug":282,"rank":74,"group":309},{"id":93,"label":225,"slug":226},{"id":273,"label":274,"slug":275,"rank":93,"group":311},{"id":43,"label":277,"slug":278},[313,314,315,316],{"id":290,"title":291,"slug":292},{"id":294,"title":295,"slug":296},{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"slug":36,"title":35,"logo":38,"categories":318},[],{"family":320,"examples":321},"pages",[],[323,325,327,330,333,336,339],{"label":324,"to":29},"Marvel product screens",{"label":326,"to":32},"Marvel marketing pages",{"label":328,"to":329},"Marvel user flows","\u002Fexamples\u002Fapps\u002Fmarvel\u002Fflows",{"label":331,"to":332},"Marvel UI components","\u002Fexamples\u002Fapps\u002Fmarvel\u002Fcomponents",{"label":334,"to":335},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":337,"to":338},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":340,"to":341},"User Research app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fuser-research",{"published_at":343,"updated_at":344},"2016-06-20T15:21:40.000Z","2026-09-13T13:02:39.000Z"]