[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhello-alfred\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":240,"links":241,"dates":297},"\u002Fexamples\u002Fapps\u002Fhello-alfred\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Hello Alfred product screens examples - Nicelydone","Browse Hello Alfred screen design examples. Preview the interface screenshots and explore related UI patterns. The home operating system","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhello-alfred_sign-in_1e6b0589_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Hello Alfred design examples","\u002Fexamples\u002Fapps\u002Fhello-alfred",{"label":23,"to":4},"Hello Alfred product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Hello Alfred","hello-alfred","The home operating system","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhello-alfred-126d0f6e.png","https:\u002F\u002Fwww.helloalfred.com",[35,39],{"id":36,"title":37,"slug":38},76,"Home Services","home-services",{"id":40,"title":41,"slug":42},9,"Real Estate","real-estate",[44,77,101,123,142,162,189,201,212],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":70,"app":75},"5c59d6dc-f1d4-45c7-9b0d-df458f278ff2","Sign in","Sign-in screen where the user enters their phone number to request an SMS access code.",2800,1544,"Sign in from Hello Alfred","screen",[53,62],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",{"id":63,"label":64,"slug":65,"rank":59,"group":66},121,"Request Access","request-access",{"id":67,"label":68,"slug":69},12,"States & Feedback","states-and-feedback",[71],{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":48,"height":49,"image_alt":82,"kind":51,"patterns":83,"component_categories":97,"app":99},"10a120a0-c3bf-4df7-be98-8517cbad0e74","Sign up","Landing page where the user is introduced to a personal butler service that automates their to-do list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhello-alfred_sign-up_3917ff66_nicelydone.jpg","Sign up from Hello Alfred",[84,89],{"id":85,"label":86,"slug":87,"rank":57,"group":88},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":90,"label":91,"slug":92,"rank":59,"group":93},77,"Welcome","welcome",{"id":94,"label":95,"slug":96},7,"Onboarding & Education","onboarding-and-education",[98],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":4,"image":105,"width":48,"height":49,"image_alt":106,"kind":51,"patterns":107,"component_categories":115,"app":121},"fb13e893-8c45-4e6c-9ef4-01dc0e163210","Onboarding","Onboarding step where the user reads about the service's value proposition, including groceries, dry cleaning, and tidying, and can navigate between steps.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhello-alfred_onboarding_365e265a_nicelydone.jpg","Onboarding from Hello Alfred",[108,113],{"id":109,"label":110,"slug":111,"rank":57,"group":112},72,"Getting Started","getting-started",{"id":94,"label":95,"slug":96},{"id":90,"label":91,"slug":92,"rank":59,"group":114},{"id":94,"label":95,"slug":96},[116,120],{"id":117,"title":118,"slug":119},211,"Pagination","pagination",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":103,"description":125,"canonical_path":4,"image":126,"width":48,"height":49,"image_alt":106,"kind":51,"patterns":127,"component_categories":130,"app":140},"e7200416-a076-4490-b4cb-5acf8f6cea9d","Onboarding step where the user learns how to manage weekly errands like shopping and dry cleaning using toggles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhello-alfred_onboarding-2_61ae6483_nicelydone.jpg",[128],{"id":109,"label":110,"slug":111,"rank":57,"group":129},{"id":94,"label":95,"slug":96},[131,135,139],{"id":132,"title":133,"slug":134},169,"Avatar","avatar",{"id":136,"title":137,"slug":138},227,"Stepper","stepper",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":103,"description":144,"canonical_path":4,"image":145,"width":48,"height":49,"image_alt":106,"kind":51,"patterns":146,"component_categories":157,"app":160},"f28a5660-1e7a-4e70-aee4-752e16c4a8f9","Onboarding step where the user learns about the Alfred button feature and navigates through a product tour using bottom pagination.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhello-alfred_onboarding-3_58dfb170_nicelydone.jpg",[147,152,154],{"id":148,"label":149,"slug":150,"rank":57,"group":151},73,"Guided Tour","guided-tour",{"id":94,"label":95,"slug":96},{"id":109,"label":110,"slug":111,"rank":59,"group":153},{"id":94,"label":95,"slug":96},{"id":90,"label":91,"slug":92,"rank":155,"group":156},2,{"id":94,"label":95,"slug":96},[158,159],{"id":117,"title":118,"slug":119},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":103,"description":164,"canonical_path":4,"image":165,"width":48,"height":49,"image_alt":106,"kind":51,"patterns":166,"component_categories":184,"app":187},"425308d9-731c-408c-9dd3-4c3d627141d1","Onboarding step explaining the personal assistant matching process with a grid of potential sidekick avatars and dot pagination.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhello-alfred_onboarding-4_df7e7deb_nicelydone.jpg",[167,169,176],{"id":148,"label":149,"slug":150,"rank":57,"group":168},{"id":94,"label":95,"slug":96},{"id":170,"label":171,"slug":172,"rank":59,"group":173},23,"Select","select",{"id":155,"label":174,"slug":175},"Actions","actions",{"id":177,"label":178,"slug":179,"rank":155,"group":180},3,"Profile","profile",{"id":181,"label":182,"slug":183},11,"Social & Collaboration","social-and-collaboration",[185,186],{"id":136,"title":137,"slug":138},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":103,"description":191,"canonical_path":4,"image":192,"width":48,"height":49,"image_alt":106,"kind":51,"patterns":193,"component_categories":196,"app":199},"b6b2aec9-5bb7-4bb1-b076-809eafac1b11","Onboarding step explaining the weekly visit service with a prompt to try the service now.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhello-alfred_onboarding-5_69701f18_nicelydone.jpg",[194],{"id":109,"label":110,"slug":111,"rank":57,"group":195},{"id":94,"label":95,"slug":96},[197,198],{"id":136,"title":137,"slug":138},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":200},[],{"uuid":202,"title":79,"description":203,"canonical_path":4,"image":204,"width":48,"height":49,"image_alt":82,"kind":51,"patterns":205,"component_categories":208,"app":210},"9900101e-e5b5-464b-9d53-5dd86e0553a3","Signup screen where the user provides their name, email, phone, ZIP, and an optional referral code to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhello-alfred_sign-up-2_c2808fa2_nicelydone.jpg",[206],{"id":85,"label":86,"slug":87,"rank":57,"group":207},{"id":59,"label":60,"slug":61},[209],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":211},[],{"uuid":213,"title":214,"description":215,"canonical_path":4,"image":216,"width":48,"height":49,"image_alt":217,"kind":51,"patterns":218,"component_categories":237,"app":238},"322ace5c-fdb4-4dfb-8b9a-e8e5972648d2","Invite friends","Waitlist confirmation page where the user is given a unique referral link and social sharing options to earn a free week, along with a list of available and upcoming launch cities.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhello-alfred_invite-friends_c21843c1_nicelydone.jpg","Invite friends from Hello Alfred",[219,224,229],{"id":220,"label":221,"slug":222,"rank":57,"group":223},122,"Success","success",{"id":67,"label":68,"slug":69},{"id":225,"label":226,"slug":227,"rank":59,"group":228},24,"Share","share",{"id":155,"label":174,"slug":175},{"id":230,"label":231,"slug":232,"rank":155,"group":233},79,"Browse","browse",{"id":234,"label":235,"slug":236},8,"Pages & Content","pages-and-content",[],{"slug":30,"title":29,"logo":32,"categories":239},[],[],[242,244,246,248,250,252,254,256,258,260,262,264,267,270,273,276,279,281,285,289,293],{"label":110,"to":243},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":91,"to":245},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":149,"to":247},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":86,"to":249},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":231,"to":251},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":178,"to":253},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":64,"to":255},"\u002Fexamples\u002Fscreens\u002Frequest-access",{"label":171,"to":257},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":226,"to":259},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":55,"to":261},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":221,"to":263},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":265,"to":266},"Hello Alfred marketing pages","\u002Fexamples\u002Fapps\u002Fhello-alfred\u002Fmarketing",{"label":268,"to":269},"Hello Alfred user flows","\u002Fexamples\u002Fapps\u002Fhello-alfred\u002Fflows",{"label":271,"to":272},"Hello Alfred UI components","\u002Fexamples\u002Fapps\u002Fhello-alfred\u002Fcomponents",{"label":274,"to":275},"Home Services app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhome-services",{"label":277,"to":278},"Real Estate app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Freal-estate",{"label":280,"to":18},"All SaaS app examples",{"label":282,"to":283,"description":284},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":286,"to":287,"description":288},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":290,"to":291,"description":292},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":294,"to":295,"description":296},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":298,"updated_at":299},"2016-10-18T08:00:00.000Z","2026-09-13T13:02:39.000Z"]