[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcloverly":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":31,"examples":46,"showcases":47,"links":292,"dates":328},"\u002Fexamples\u002Fapps\u002Fcloverly","detail","apps",true,{"title":9,"description":10,"og_image":11},"Cloverly design examples - Nicelydone","Explore Cloverly UI design examples. Carbon neutral platform for sustainable companies","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_landing-page_66865ff7_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},"Cloverly design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":30},"SaaS app examples",[24],{"title":25,"links":26},"Explore Cloverly",[27],{"label":28,"to":29},"marketing pages","\u002Fexamples\u002Fapps\u002Fcloverly\u002Fmarketing",[],{"title":32,"slug":33,"description":34,"logo":35,"url":36,"categories":37},"Cloverly","cloverly","Carbon neutral platform for sustainable companies","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcloverly-c2a23df2.png","https:\u002F\u002Fwww.cloverly.com",[38,42],{"id":39,"title":40,"slug":41},87,"CleanTech","cleantech",{"id":43,"title":44,"slug":45},88,"Sustainability","sustainability",[],[48],{"family":49,"examples":50},"pages",[51,100,114,130,150,163,183,199,215,232,252,272],{"uuid":52,"title":53,"description":54,"canonical_path":29,"image":11,"width":55,"height":56,"image_alt":57,"kind":58,"patterns":59,"component_categories":69,"app":98},"2874b5a2-c01a-4fe8-a188-a9e090a17e66","Carbon Neutral Platform for Sustainable Companies | Cloverly","Landing page for an API-based carbon offset platform highlighting use cases across ecommerce, rideshare, and logistics, along with developer integration examples.",3072,18480,"Carbon Neutral Platform for Sustainable Companies | Cloverly from Cloverly","screen",[60],{"id":61,"label":62,"slug":63,"rank":64,"group":65},136,"Landing Page","landing-page",0,{"id":66,"label":67,"slug":68},15,"Marketing Page Types","marketing-page-types",[70,74,78,82,86,90,94],{"id":71,"title":72,"slug":73},233,"Tabs","tabs",{"id":75,"title":76,"slug":77},260,"Badge","badge",{"id":79,"title":80,"slug":81},232,"Testimonial","testimonial",{"id":83,"title":84,"slug":85},202,"Footer","footer",{"id":87,"title":88,"slug":89},174,"Card","card",{"id":91,"title":92,"slug":93},175,"Button","button",{"id":95,"title":96,"slug":97},258,"Header","header",{"slug":33,"title":32,"logo":35,"categories":99},[],{"uuid":101,"title":53,"description":102,"canonical_path":29,"image":103,"width":55,"height":104,"image_alt":57,"kind":58,"patterns":105,"component_categories":108,"app":112},"4d9e19aa-babf-41ae-ad73-a7be940967f9","Landing page where the user has opened the Product navigation dropdown, revealing a grid of features like Emission Calculations alongside a call-to-action section with product UI mockups.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_navigation_dropdown-other-states_4ee985ea_nicelydone.png",1654,[106],{"id":61,"label":62,"slug":63,"rank":64,"group":107},{"id":66,"label":67,"slug":68},[109,110,111],{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":113},[],{"uuid":115,"title":53,"description":116,"canonical_path":29,"image":117,"width":55,"height":104,"image_alt":57,"kind":58,"patterns":118,"component_categories":124,"app":128},"6a3bcb6a-9c17-49bd-a3ba-401885537d0b","Marketing page detailing various industry use cases for a carbon offset API, including ecommerce, rideshare, and fintech.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_navigation_dropdown-other-states_9647ad5c_nicelydone.png",[119],{"id":120,"label":121,"slug":122,"rank":64,"group":123},139,"Use Case Page","use-case-page",{"id":66,"label":67,"slug":68},[125,126,127],{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":129},[],{"uuid":131,"title":53,"description":132,"canonical_path":29,"image":133,"width":55,"height":104,"image_alt":57,"kind":58,"patterns":134,"component_categories":137,"app":148},"87541526-b84d-4e81-aa37-a303211dea30","Landing page where the user can explore developer documentation via an open mega menu or start using the sustainability platform to calculate carbon offsets.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_navigation_dropdown-other-states_08f03c3a_nicelydone.png",[135],{"id":61,"label":62,"slug":63,"rank":64,"group":136},{"id":66,"label":67,"slug":68},[138,142,146,147],{"id":139,"title":140,"slug":141},277,"Button group","button-group",{"id":143,"title":144,"slug":145},226,"Skeleton","skeleton",{"id":87,"title":88,"slug":89},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":149},[],{"uuid":151,"title":53,"description":152,"canonical_path":29,"image":153,"width":55,"height":104,"image_alt":57,"kind":58,"patterns":154,"component_categories":157,"app":161},"f2397082-52c6-41f4-9708-d89e58e0fe35","Landing page for a sustainability API platform featuring an open mega menu under the About tab and a hero section with floating UI mockups demonstrating checkout, map, and dashboard integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_navigation_dropdown-other-states_dcda3b95_nicelydone.png",[155],{"id":61,"label":62,"slug":63,"rank":64,"group":156},{"id":66,"label":67,"slug":68},[158,159,160],{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":29,"image":167,"width":55,"height":168,"image_alt":169,"kind":58,"patterns":170,"component_categories":176,"app":181},"6cee4c88-7b2a-4a6e-91eb-b02a096f1f8c","Carbon Neutral API | Cloverly","Product page for a carbon offset API detailing features like emission calculations, portfolio diversity, and integration options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_product_fba1b5b7_nicelydone.png",15130,"Carbon Neutral API | Cloverly from Cloverly",[171],{"id":172,"label":173,"slug":174,"rank":64,"group":175},137,"Product Page","product-page",{"id":66,"label":67,"slug":68},[177,178,179,180],{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":182},[],{"uuid":184,"title":185,"description":186,"canonical_path":29,"image":187,"width":55,"height":188,"image_alt":189,"kind":58,"patterns":190,"component_categories":193,"app":197},"9d56aa6d-aa73-4fc7-9be1-137bcdc0792f","How to be Carbon Neutral with Cloverly | Cloverly","Product page explaining how the Cloverly API calculates, matches, purchases, and reports carbon offsets for businesses.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_product_1f4ea617_nicelydone.png",13058,"How to be Carbon Neutral with Cloverly | Cloverly from Cloverly",[191],{"id":172,"label":173,"slug":174,"rank":64,"group":192},{"id":66,"label":67,"slug":68},[194,195,196],{"id":83,"title":84,"slug":85},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":29,"image":203,"width":55,"height":204,"image_alt":205,"kind":58,"patterns":206,"component_categories":209,"app":213},"93699ad3-2a47-4757-82af-365beeba5122","Carbon Neutral Enterprise Resource Planning | Cloverly","Use case page explaining how businesses can integrate the Cloverly API with their ERP systems to track and offset carbon emissions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_use-cases_4f680dae_nicelydone.png",9392,"Carbon Neutral Enterprise Resource Planning | Cloverly from Cloverly",[207],{"id":120,"label":121,"slug":122,"rank":64,"group":208},{"id":66,"label":67,"slug":68},[210,211,212],{"id":83,"title":84,"slug":85},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":214},[],{"uuid":216,"title":217,"description":218,"canonical_path":29,"image":219,"width":55,"height":220,"image_alt":221,"kind":58,"patterns":222,"component_categories":225,"app":230},"40f75115-0dd7-4299-897f-59020b82374f","Carbon Offsets for Aviation | Cloverly","Use case page explaining how airlines and travel companies can use the Cloverly API to calculate and offset carbon emissions from flights.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_use-cases_49743a9e_nicelydone.png",15124,"Carbon Offsets for Aviation | Cloverly from Cloverly",[223],{"id":120,"label":121,"slug":122,"rank":64,"group":224},{"id":66,"label":67,"slug":68},[226,227,228,229],{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":231},[],{"uuid":233,"title":234,"description":235,"canonical_path":29,"image":236,"width":55,"height":237,"image_alt":238,"kind":58,"patterns":239,"component_categories":245,"app":250},"75654d58-9407-4fc7-9ee4-df33e0b5baa8","Carbon Offsets API Integration | Cloverly","Feature page detailing carbon offset API integrations for developers, showcasing use cases like shipping and flights, and providing a contact form for support.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_api_63f971b5_nicelydone.png",7502,"Carbon Offsets API Integration | Cloverly from Cloverly",[240],{"id":241,"label":242,"slug":243,"rank":64,"group":244},138,"Feature Page","feature-page",{"id":66,"label":67,"slug":68},[246,247,248,249],{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":251},[],{"uuid":253,"title":254,"description":255,"canonical_path":29,"image":256,"width":55,"height":257,"image_alt":258,"kind":58,"patterns":259,"component_categories":265,"app":270},"d8a14589-61a2-48b3-9e28-3e53bafd45b0","Pricing for Carbon Offsets | Cloverly","Pricing page explaining per-transaction and volume-based carbon offset models, featuring sample calculations and a custom pricing inquiry form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_plans-pricing_e212be1b_nicelydone.png",11734,"Pricing for Carbon Offsets | Cloverly from Cloverly",[260],{"id":261,"label":262,"slug":263,"rank":64,"group":264},143,"Pricing Page","pricing-page",{"id":66,"label":67,"slug":68},[266,267,268,269],{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":271},[],{"uuid":273,"title":274,"description":275,"canonical_path":29,"image":276,"width":55,"height":277,"image_alt":278,"kind":58,"patterns":279,"component_categories":285,"app":290},"f23d3916-ebe4-487e-af6e-0b53fdb46053","Our Carbon Neutral Mission | Cloverly","About page detailing the company's mission to neutralize carbon emissions, outlining their core values in a grid, and providing a contact form for partnership inquiries.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcloverly_about-mission_c9ebded1_nicelydone.png",8878,"Our Carbon Neutral Mission | Cloverly from Cloverly",[280],{"id":281,"label":282,"slug":283,"rank":64,"group":284},167,"Mission Page","mission-page",{"id":66,"label":67,"slug":68},[286,287,288,289],{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":33,"title":32,"logo":35,"categories":291},[],[293,296,298,301,304,307,310,312,316,320,324],{"label":294,"to":295},"Cloverly product screens","\u002Fexamples\u002Fapps\u002Fcloverly\u002Fscreens",{"label":297,"to":29},"Cloverly marketing pages",{"label":299,"to":300},"Cloverly user flows","\u002Fexamples\u002Fapps\u002Fcloverly\u002Fflows",{"label":302,"to":303},"Cloverly UI components","\u002Fexamples\u002Fapps\u002Fcloverly\u002Fcomponents",{"label":305,"to":306},"CleanTech app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcleantech",{"label":308,"to":309},"Sustainability app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsustainability",{"label":311,"to":18},"All SaaS app examples",{"label":313,"to":314,"description":315},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":317,"to":318,"description":319},"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":321,"to":322,"description":323},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":325,"to":326,"description":327},"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":329,"updated_at":330},"2020-12-30T12:50:00.000Z","2026-09-13T13:02:39.000Z"]