[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F6166fce0-44c2-4f7d-afd2-9f717c0c0290":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":90,"links":91,"dates":102},"\u002Fexamples\u002Fscreens\u002F6166fce0-44c2-4f7d-afd2-9f717c0c0290","detail","screens",true,{"title":9,"description":10,"og_image":11},"Sign up - Nicelydone","Screen UI design example from Heroic Labs. Onboarding step where the user sets up their profile by adding an avatar, name, company, and country, with an…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_sign-up-2_95e0358a_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Sign up",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Heroic Labs. Onboarding step where the user sets up their profile by adding an avatar, name, company, and country, with an option to subscribe to the newsletter.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":59,"app":72},"6166fce0-44c2-4f7d-afd2-9f717c0c0290","Onboarding step where the user sets up their profile by adding an avatar, name, company, and country, with an option to subscribe to the newsletter.","\u002Fexamples\u002Fapps\u002Fheroic-labs\u002Fscreens",2800,1752,"Sign up from Heroic Labs","2016-07-22T08:04:57.000Z","screen",[37,46,50],{"id":38,"label":39,"slug":40,"rank":41,"group":42},5,"Sign Up","sign-up",0,{"id":43,"label":44,"slug":45},1,"Access & Account","access-and-account",{"id":43,"label":47,"slug":48,"rank":43,"group":49},"Account Setup","account-setup",{"id":43,"label":44,"slug":45},{"id":51,"label":52,"slug":53,"rank":54,"group":55},3,"Profile","profile",2,{"id":56,"label":57,"slug":58},11,"Social & Collaboration","social-and-collaboration",[60,64,68],{"id":61,"title":62,"slug":63},233,"Tabs","tabs",{"id":65,"title":66,"slug":67},169,"Avatar","avatar",{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":73,"title":74,"logo":75,"baseline":76,"categories":77},"heroic-labs","Heroic Labs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fheroic-labs-b010467c.png","Backend for game developers",[78,82,86],{"id":79,"title":80,"slug":81},48,"Developer Tools","developer-tools",{"id":83,"title":84,"slug":85},50,"Mobile Games","mobile-games",{"id":87,"title":88,"slug":89},45,"Open Source","open-source",[],[92,94,96,98,100],{"label":47,"to":93},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":52,"to":95},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":39,"to":97},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":99,"to":30},"Heroic Labs screen designs",{"label":101,"to":18},"All screen examples",{"published_at":34,"updated_at":103},"2026-06-13T21:48:01.420Z"]