[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F1d471f24-d40d-4cd2-89e8-a4c9f260eec4":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":80,"links":81,"dates":92},"\u002Fexamples\u002Fscreens\u002F1d471f24-d40d-4cd2-89e8-a4c9f260eec4","detail","screens",true,{"title":9,"description":10,"og_image":11},"Onboarding - Nicelydone","Screen UI design example from Runnable. Onboarding loading screen where the user waits for their infrastructure to spin up while being offered a product…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Frunnable_onboarding-2_5e5cdc47_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Onboarding",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Runnable. Onboarding loading screen where the user waits for their infrastructure to spin up while being offered a product tour video.",[],[],[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":61,"app":70},"1d471f24-d40d-4cd2-89e8-a4c9f260eec4","Onboarding loading screen where the user waits for their infrastructure to spin up while being offered a product tour video.","\u002Fexamples\u002Fapps\u002Frunnable\u002Fscreens",2880,1526,"Onboarding from Runnable","2016-11-21T08:05:13.000Z","screen",[37,46,55],{"id":38,"label":39,"slug":40,"rank":41,"group":42},120,"Loading","loading",0,{"id":43,"label":44,"slug":45},12,"States & Feedback","states-and-feedback",{"id":47,"label":48,"slug":49,"rank":50,"group":51},73,"Guided Tour","guided-tour",1,{"id":52,"label":53,"slug":54},7,"Onboarding & Education","onboarding-and-education",{"id":56,"label":57,"slug":58,"rank":59,"group":60},77,"Welcome","welcome",2,{"id":52,"label":53,"slug":54},[62,66],{"id":63,"title":64,"slug":65},174,"Card","card",{"id":67,"title":68,"slug":69},175,"Button","button",{"slug":71,"title":72,"logo":73,"baseline":74,"categories":75},"runnable","Runnable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frunnable-ccc7ac3f.png","Running apps for every code branch",[76],{"id":77,"title":78,"slug":79},48,"Developer Tools","developer-tools",[],[82,84,86,88,90],{"label":48,"to":83},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":39,"to":85},"\u002Fexamples\u002Fscreens\u002Floading",{"label":57,"to":87},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":89,"to":30},"Runnable screen designs",{"label":91,"to":18},"All screen examples",{"published_at":34,"updated_at":93},"2026-06-13T21:48:01.007Z"]