[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fwatershed\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":134,"links":135,"dates":175},"\u002Fexamples\u002Fapps\u002Fwatershed\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Watershed product screens examples - Nicelydone","Browse Watershed screen design examples. Preview the interface screenshots and explore related UI patterns. Corporate climate programs","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwatershed_sign-in_37312a35_nicelydone.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Watershed design examples","\u002Fexamples\u002Fapps\u002Fwatershed",{"label":23,"to":4},"Watershed 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},"Watershed","watershed","Corporate climate programs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwatershedclimate-qqd6qugg.png","https:\u002F\u002Fwww.watershedclimate.com",[35,39],{"id":36,"title":37,"slug":38},87,"CleanTech","cleantech",{"id":40,"title":41,"slug":42},88,"Sustainability","sustainability",[44,72,97],{"uuid":45,"title":29,"description":46,"canonical_path":4,"image":11,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":51,"component_categories":61,"app":70},"011cc517-b74d-452b-afb9-ee9384338708","Sign-in screen where the user enters their email to continue or authenticates with Google.",3072,1654,"Watershed from Watershed","screen",[52],{"id":53,"label":54,"slug":55,"rank":56,"group":57},4,"Sign In","sign-in",0,{"id":58,"label":59,"slug":60},1,"Access & Account","access-and-account",[62,66],{"id":63,"title":64,"slug":65},174,"Card","card",{"id":67,"title":68,"slug":69},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":74,"description":75,"canonical_path":4,"image":76,"width":47,"height":77,"image_alt":78,"kind":50,"patterns":79,"component_categories":88,"app":95},"64c9f60f-7d16-4e1a-a5f8-9044ca9f64b4","Request a demo – Watershed","Demo request page where the user fills out a form with their contact details and company website while viewing a grid of customer logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwatershed_demo_e4821960_nicelydone.png",1666,"Request a demo – Watershed from Watershed",[80],{"id":81,"label":82,"slug":83,"rank":56,"group":84},79,"Browse","browse",{"id":85,"label":86,"slug":87},8,"Pages & Content","pages-and-content",[89,93,94],{"id":90,"title":91,"slug":92},258,"Header","header",{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":4,"image":101,"width":47,"height":102,"image_alt":103,"kind":50,"patterns":104,"component_categories":112,"app":132},"6b51371e-209a-4b3d-bab0-ee6f33529f56","The climate impact of hybrid workplaces – Watershed","Interactive tool where the user configures baseline and forecasted scenarios for employee work locations, commuting, and office space to calculate hybrid workplace climate impact.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwatershed_tools_ed40d1f9_nicelydone.png",6352,"The climate impact of hybrid workplaces – Watershed from Watershed",[105],{"id":106,"label":107,"slug":108,"rank":56,"group":109},46,"Stats","stats",{"id":53,"label":110,"slug":111},"Data & Analysis","data-and-analysis",[113,117,121,125,129,130,131],{"id":114,"title":115,"slug":116},257,"Input number","input-number",{"id":118,"title":119,"slug":120},223,"Slider","slider",{"id":122,"title":123,"slug":124},260,"Badge","badge",{"id":126,"title":127,"slug":128},202,"Footer","footer",{"id":90,"title":91,"slug":92},{"id":67,"title":68,"slug":69},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":133},[],[],[136,138,140,142,145,148,151,154,157,159,163,167,171],{"label":82,"to":137},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":54,"to":139},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":107,"to":141},"\u002Fexamples\u002Fscreens\u002Fstats",{"label":143,"to":144},"Watershed marketing pages","\u002Fexamples\u002Fapps\u002Fwatershed\u002Fmarketing",{"label":146,"to":147},"Watershed user flows","\u002Fexamples\u002Fapps\u002Fwatershed\u002Fflows",{"label":149,"to":150},"Watershed UI components","\u002Fexamples\u002Fapps\u002Fwatershed\u002Fcomponents",{"label":152,"to":153},"CleanTech app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcleantech",{"label":155,"to":156},"Sustainability app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsustainability",{"label":158,"to":18},"All SaaS app examples",{"label":160,"to":161,"description":162},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":164,"to":165,"description":166},"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":168,"to":169,"description":170},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":172,"to":173,"description":174},"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":176,"updated_at":177},"2021-06-16T21:42:24.000Z","2026-09-13T13:02:39.000Z"]