[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsage-project\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":255,"links":256,"dates":306},"\u002Fexamples\u002Fapps\u002Fsage-project\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Sage project product screens examples - Nicelydone","Browse Sage project screen design examples. Preview the interface screenshots and explore related UI patterns. Food data made simple","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_sign-in_9b9f6fdc_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},"Sage project design examples","\u002Fexamples\u002Fapps\u002Fsage-project",{"label":23,"to":4},"Sage project 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},"Sage project","sage-project","Food data made simple","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsage-project-cba345ed.png","https:\u002F\u002Fsageproject.com",[35,39],{"id":36,"title":37,"slug":38},41,"Health and Wellness","health-and-wellness",{"id":40,"title":41,"slug":42},43,"Food and Beverages","food-and-beverages",[44,69,89,99,114,123,157,180,194,216,239,247],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"b38b3996-f324-42ec-95b3-1c1c30fd8599","Sign in","Sign-in screen where the user authenticates with their email and password, featuring a minimalist centered form and a prominent play-button submit action.",2780,1544,"Sign in from Sage project","screen",[53],{"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",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":48,"height":49,"image_alt":74,"kind":51,"patterns":75,"component_categories":81,"app":87},"7fc5823f-d9d0-4cba-a3c8-b6fd114e328a","Password reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_password-reset_c532b621_nicelydone.jpg","Password reset from Sage project",[76],{"id":77,"label":78,"slug":79,"rank":57,"group":80},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[82,86],{"id":83,"title":84,"slug":85},240,"Horizontal navigation","horizontal-navigation",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":48,"height":49,"image_alt":94,"kind":51,"patterns":95,"component_categories":96,"app":97},"fbe995fc-9978-44f3-b507-497071e8b3d1","Sign up","Account creation Onboarding User authentication Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_sign-up_df427992_nicelydone.jpg","Sign up from Sage project",[],[],{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":91,"description":101,"canonical_path":4,"image":102,"width":48,"height":49,"image_alt":94,"kind":51,"patterns":103,"component_categories":109,"app":112},"1f33e7c3-cb41-42ff-b472-b98f88554bee","Signup screen where the user creates a new account by providing a display name, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_sign-up-2_46b91662_nicelydone.jpg",[104],{"id":105,"label":106,"slug":107,"rank":57,"group":108},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[110,111],{"id":83,"title":84,"slug":85},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":116,"description":116,"canonical_path":4,"image":117,"width":48,"height":49,"image_alt":118,"kind":51,"patterns":119,"component_categories":120,"app":121},"463e437a-7051-429a-ad60-43b31dee1a80","Onboarding","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_onboarding_b97596b8_nicelydone.jpg","Onboarding from Sage project",[],[],{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":116,"description":125,"canonical_path":4,"image":126,"width":48,"height":49,"image_alt":118,"kind":51,"patterns":127,"component_categories":148,"app":155},"9b679c32-e363-44de-87f7-cc9b0b229447","Onboarding step where the user selects lifestyle presets like Healthy Eater, The Athlete, or Animal Lover to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_onboarding-12_6005c2d3_nicelydone.jpg",[128,136,143],{"id":129,"label":130,"slug":131,"rank":57,"group":132},74,"Onboarding Checklist","onboarding-checklist",{"id":133,"label":134,"slug":135},7,"Onboarding & Education","onboarding-and-education",{"id":137,"label":138,"slug":139,"rank":59,"group":140},23,"Select","select",{"id":77,"label":141,"slug":142},"Actions","actions",{"id":144,"label":145,"slug":146,"rank":77,"group":147},72,"Getting Started","getting-started",{"id":133,"label":134,"slug":135},[149,150,154],{"id":83,"title":84,"slug":85},{"id":151,"title":152,"slug":153},227,"Stepper","stepper",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":116,"description":159,"canonical_path":4,"image":160,"width":48,"height":49,"image_alt":118,"kind":51,"patterns":161,"component_categories":166,"app":178},"60387570-9509-4861-9add-10e7dea887db","Onboarding step where the user selects lifestyle presets like Healthy Eater or The Athlete to customize their health preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_onboarding-3_b5e7f182_nicelydone.jpg",[162,164],{"id":129,"label":130,"slug":131,"rank":57,"group":163},{"id":133,"label":134,"slug":135},{"id":137,"label":138,"slug":139,"rank":59,"group":165},{"id":77,"label":141,"slug":142},[167,171,172,176,177],{"id":168,"title":169,"slug":170},174,"Card","card",{"id":83,"title":84,"slug":85},{"id":173,"title":174,"slug":175},169,"Avatar","avatar",{"id":151,"title":152,"slug":153},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":116,"description":182,"canonical_path":4,"image":183,"width":48,"height":49,"image_alt":118,"kind":51,"patterns":184,"component_categories":187,"app":192},"6243097e-acda-414e-ad28-d9208e905ee4","Onboarding step where the user selects their specific diet from a grid of illustrated options to personalize their health profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_onboarding-4_ee0fe647_nicelydone.jpg",[185],{"id":129,"label":130,"slug":131,"rank":57,"group":186},{"id":133,"label":134,"slug":135},[188,189,190,191],{"id":168,"title":169,"slug":170},{"id":173,"title":174,"slug":175},{"id":151,"title":152,"slug":153},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":193},[],{"uuid":195,"title":116,"description":196,"canonical_path":4,"image":197,"width":48,"height":49,"image_alt":118,"kind":51,"patterns":198,"component_categories":210,"app":214},"b9e13266-bc8c-45a3-83b5-d1ff52fa3e25","Onboarding step where the user selects their food allergies from a grid of pill buttons, while their health preferences are summarized in a right sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_onboarding-5_1a1425ea_nicelydone.jpg",[199,201,203],{"id":129,"label":130,"slug":131,"rank":57,"group":200},{"id":133,"label":134,"slug":135},{"id":137,"label":138,"slug":139,"rank":59,"group":202},{"id":77,"label":141,"slug":142},{"id":204,"label":205,"slug":206,"rank":77,"group":207},42,"Form","form",{"id":54,"label":208,"slug":209},"Data & Analysis","data-and-analysis",[211,212,213],{"id":173,"title":174,"slug":175},{"id":151,"title":152,"slug":153},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":116,"description":218,"canonical_path":4,"image":219,"width":48,"height":49,"image_alt":118,"kind":51,"patterns":220,"component_categories":233,"app":237},"55b8607f-9945-43d6-a94c-75406c733e19","Onboarding step where the user selects up to 10 health and nutrition preferences from a grid of illustrated choices, with a summary of selections in the right sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_onboarding-6_b9ad88c9_nicelydone.jpg",[221,223,225],{"id":129,"label":130,"slug":131,"rank":57,"group":222},{"id":133,"label":134,"slug":135},{"id":137,"label":138,"slug":139,"rank":59,"group":224},{"id":77,"label":141,"slug":142},{"id":226,"label":227,"slug":228,"rank":77,"group":229},3,"Profile","profile",{"id":230,"label":231,"slug":232},11,"Social & Collaboration","social-and-collaboration",[234,235,236],{"id":173,"title":174,"slug":175},{"id":151,"title":152,"slug":153},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":238},[],{"uuid":240,"title":116,"description":241,"canonical_path":4,"image":242,"width":48,"height":49,"image_alt":118,"kind":51,"patterns":243,"component_categories":244,"app":245},"750a7d19-5921-4886-9215-f969ae5a0b30","Onboarding Confirmation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_onboarding-7_2e295409_nicelydone.jpg",[],[],{"slug":30,"title":29,"logo":32,"categories":246},[],{"uuid":248,"title":116,"description":249,"canonical_path":4,"image":250,"width":48,"height":49,"image_alt":118,"kind":51,"patterns":251,"component_categories":252,"app":253},"99c460f6-bd01-4b50-82e8-be763c0b2965","Onboarding Progress indicator Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsage-project_onboarding-8_fb9fad32_nicelydone.jpg",[],[],{"slug":30,"title":29,"logo":32,"categories":254},[],[],[257,259,261,263,265,267,269,271,273,276,279,282,285,288,290,294,298,302],{"label":130,"to":258},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":138,"to":260},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":78,"to":262},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":205,"to":264},"\u002Fexamples\u002Fscreens\u002Fform",{"label":145,"to":266},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":227,"to":268},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":55,"to":270},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":106,"to":272},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":274,"to":275},"Sage project marketing pages","\u002Fexamples\u002Fapps\u002Fsage-project\u002Fmarketing",{"label":277,"to":278},"Sage project user flows","\u002Fexamples\u002Fapps\u002Fsage-project\u002Fflows",{"label":280,"to":281},"Sage project UI components","\u002Fexamples\u002Fapps\u002Fsage-project\u002Fcomponents",{"label":283,"to":284},"Health and Wellness app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhealth-and-wellness",{"label":286,"to":287},"Food and Beverages app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffood-and-beverages",{"label":289,"to":18},"All SaaS app examples",{"label":291,"to":292,"description":293},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":295,"to":296,"description":297},"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":299,"to":300,"description":301},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":303,"to":304,"description":305},"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":307,"updated_at":308},"2016-08-08T08:00:00.000Z","2026-09-13T13:02:39.000Z"]