[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F2b6f330f-807b-4b49-9964-9b7c1fc295f1":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":105,"links":106,"dates":119},"\u002Fexamples\u002Fscreens\u002F2b6f330f-807b-4b49-9964-9b7c1fc295f1","detail","screens",true,{"title":9,"description":10,"og_image":11},"Getting Started - Nicelydone","Screen UI design example from Whimsical. Design editor canvas showing a getting started tutorial with a floating tools menu open.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b6f330f-807b-4b49-9964-9b7c1fc295f1.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Getting Started",{"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":70,"app":91},"2b6f330f-807b-4b49-9964-9b7c1fc295f1","Design editor canvas showing a getting started tutorial with a floating tools menu open.","\u002Fexamples\u002Fapps\u002Fwhimsical\u002Fscreens",3024,1782,"Getting Started from Whimsical","2024-05-06T08:37:32.000Z","screen",[36,44,53,62],{"id":37,"label":20,"slug":38,"rank":39,"group":40},72,"getting-started",0,{"id":41,"label":42,"slug":43},7,"Onboarding & Education","onboarding-and-education",{"id":45,"label":46,"slug":47,"rank":48,"group":49},55,"Design Editor","design-editor",1,{"id":50,"label":51,"slug":52},5,"Media & Tools","media-and-tools",{"id":54,"label":55,"slug":56,"rank":57,"group":58},27,"AI Assistant","ai-assistant",2,{"id":59,"label":60,"slug":61},3,"AI","ai",{"id":63,"label":64,"slug":65,"rank":59,"group":66},104,"Team Management","team-management",{"id":67,"label":68,"slug":69},10,"Settings & Admin","settings-and-admin",[71,75,79,83,87],{"id":72,"title":73,"slug":74},175,"Button","button",{"id":76,"title":77,"slug":78},174,"Card","card",{"id":80,"title":81,"slug":82},177,"Breadcrumb","breadcrumb",{"id":84,"title":85,"slug":86},169,"Avatar","avatar",{"id":88,"title":89,"slug":90},277,"Button group","button-group",{"slug":92,"title":93,"logo":94,"baseline":95,"categories":96},"whimsical","Whimsical","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwhimsical-ejzz342s.png","The hub for visual collaboration",[97,101],{"id":98,"title":99,"slug":100},8,"Design","design",{"id":102,"title":103,"slug":104},23,"Collaboration","collaboration",[],[107,109,111,113,115,117],{"label":55,"to":108},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":46,"to":110},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":20,"to":112},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":64,"to":114},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":116,"to":29},"Whimsical screen designs",{"label":118,"to":18},"All screen examples",{"published_at":120,"updated_at":121},"2024-04-30T09:22:17.000Z","2026-06-13T21:47:42.806Z"]