[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fwatershed":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":52,"showcases":53,"links":153,"dates":187},"\u002Fexamples\u002Fapps\u002Fwatershed","detail","apps",true,{"title":9,"description":10,"og_image":11},"Watershed design examples - Nicelydone","Explore Watershed UI design examples. Corporate climate programs","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwatershed_sign-in_37312a35_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Watershed design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Watershed",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fwatershed\u002Fscreens",{"label":31,"to":32},"UI components","\u002Fexamples\u002Fapps\u002Fwatershed\u002Fcomponents",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fwatershed\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Watershed","watershed","Corporate climate programs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwatershedclimate-qqd6qugg.png","https:\u002F\u002Fwww.watershedclimate.com",[44,48],{"id":45,"title":46,"slug":47},87,"CleanTech","cleantech",{"id":49,"title":50,"slug":51},88,"Sustainability","sustainability",[],[54,147,150],{"family":55,"examples":56},"screens",[57,85,110],{"uuid":58,"title":38,"description":59,"canonical_path":29,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":74,"app":83},"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",[65],{"id":66,"label":67,"slug":68,"rank":69,"group":70},4,"Sign In","sign-in",0,{"id":71,"label":72,"slug":73},1,"Access & Account","access-and-account",[75,79],{"id":76,"title":77,"slug":78},174,"Card","card",{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":29,"image":89,"width":60,"height":90,"image_alt":91,"kind":63,"patterns":92,"component_categories":101,"app":108},"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",[93],{"id":94,"label":95,"slug":96,"rank":69,"group":97},79,"Browse","browse",{"id":98,"label":99,"slug":100},8,"Pages & Content","pages-and-content",[102,106,107],{"id":103,"title":104,"slug":105},258,"Header","header",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":39,"title":38,"logo":41,"categories":109},[],{"uuid":111,"title":112,"description":113,"canonical_path":29,"image":114,"width":60,"height":115,"image_alt":116,"kind":63,"patterns":117,"component_categories":125,"app":145},"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",[118],{"id":119,"label":120,"slug":121,"rank":69,"group":122},46,"Stats","stats",{"id":66,"label":123,"slug":124},"Data & Analysis","data-and-analysis",[126,130,134,138,142,143,144],{"id":127,"title":128,"slug":129},257,"Input number","input-number",{"id":131,"title":132,"slug":133},223,"Slider","slider",{"id":135,"title":136,"slug":137},260,"Badge","badge",{"id":139,"title":140,"slug":141},202,"Footer","footer",{"id":103,"title":104,"slug":105},{"id":80,"title":81,"slug":82},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":146},[],{"family":148,"examples":149},"components",[],{"family":151,"examples":152},"pages",[],[154,156,158,161,163,166,169,171,175,179,183],{"label":155,"to":29},"Watershed product screens",{"label":157,"to":35},"Watershed marketing pages",{"label":159,"to":160},"Watershed user flows","\u002Fexamples\u002Fapps\u002Fwatershed\u002Fflows",{"label":162,"to":32},"Watershed UI components",{"label":164,"to":165},"CleanTech app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcleantech",{"label":167,"to":168},"Sustainability app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsustainability",{"label":170,"to":18},"All SaaS app examples",{"label":172,"to":173,"description":174},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":176,"to":177,"description":178},"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":180,"to":181,"description":182},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":184,"to":185,"description":186},"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":188,"updated_at":189},"2021-06-16T21:42:24.000Z","2026-09-13T13:02:39.000Z"]