[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F1de3e96f-ec8e-4c77-8078-7e846213e38a":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":91,"links":92,"dates":103},"\u002Fexamples\u002Fscreens\u002F1de3e96f-ec8e-4c77-8078-7e846213e38a","detail","screens",true,{"title":9,"description":10,"og_image":11},"Set up your account - Asana - Nicelydone","Screen UI design example from Asana. Onboarding step where the user inputs their first few tasks for a new project, with a live preview updating on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1de3e96f-ec8e-4c77-8078-7e846213e38a.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Set up your account - Asana",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"Screen design",[],[],[26],{"uuid":27,"title":20,"description":28,"canonical_path":29,"image":11,"width":30,"height":31,"image_alt":32,"published_at":33,"kind":34,"patterns":35,"component_categories":60,"app":73},"1de3e96f-ec8e-4c77-8078-7e846213e38a","Onboarding step where the user inputs their first few tasks for a new project, with a live preview updating on the right.","\u002Fexamples\u002Fapps\u002Fasana\u002Fscreens",3024,1778,"Set up your account - Asana from Asana","2024-10-22T08:57:58.000Z","screen",[36,44,52],{"id":37,"label":38,"slug":39,"rank":40,"group":41},1,"Account Setup","account-setup",0,{"id":37,"label":42,"slug":43},"Access & Account","access-and-account",{"id":45,"label":46,"slug":47,"rank":37,"group":48},74,"Onboarding Checklist","onboarding-checklist",{"id":49,"label":50,"slug":51},7,"Onboarding & Education","onboarding-and-education",{"id":53,"label":54,"slug":55,"rank":56,"group":57},11,"Edit","edit",2,{"id":56,"label":58,"slug":59},"Actions","actions",[61,65,69],{"id":62,"title":63,"slug":64},175,"Button","button",{"id":66,"title":67,"slug":68},174,"Card","card",{"id":70,"title":71,"slug":72},226,"Skeleton","skeleton",{"slug":74,"title":75,"logo":76,"baseline":77,"categories":78},"asana","Asana","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fasana-a1a0b7cd.png","The easiest way for teams to track their work",[79,83,87],{"id":80,"title":81,"slug":82},23,"Collaboration","collaboration",{"id":84,"title":85,"slug":86},29,"Task Management","task-management",{"id":88,"title":89,"slug":90},30,"Productivity","productivity",[],[93,95,97,99,101],{"label":38,"to":94},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":54,"to":96},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":46,"to":98},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":100,"to":29},"Asana screen designs",{"label":102,"to":18},"All screen examples",{"published_at":104,"updated_at":105},"2024-10-17T09:50:28.000Z","2026-06-13T22:18:40.580Z"]