[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmetronome\u002Fmarketing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":230,"links":231,"dates":282},"\u002Fexamples\u002Fapps\u002Fmetronome\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Metronome marketing pages examples - Nicelydone","Explore Metronome website design examples. Preview marketing pages and browse related SaaS page designs. Effortless usage-based billing at scale","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F63f43a7b-fe78-41a7-a847-f6e53cf445ea.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},"Metronome design examples","\u002Fexamples\u002Fapps\u002Fmetronome",{"label":23,"to":4},"Metronome marketing pages 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},"Metronome","metronome","Effortless usage-based billing at scale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmetronome-uckqif25.png","https:\u002F\u002Fmetronome.com",[35,39,43],{"id":36,"title":37,"slug":38},37,"Developer APIs","developer-apis",{"id":40,"title":41,"slug":42},36,"Finance","finance",{"id":44,"title":45,"slug":46},39,"Payments","payments",[48,84,114,133,160,177,196,213],{"uuid":49,"title":29,"description":50,"canonical_path":4,"image":11,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":55,"component_categories":65,"app":82},"63f43a7b-fe78-41a7-a847-f6e53cf445ea","Landing page for a usage-based billing infrastructure platform featuring product benefits, a technical deep-dive with tabs, and customer testimonials.",3072,12758,"Metronome from Metronome","screen",[56],{"id":57,"label":58,"slug":59,"rank":60,"group":61},136,"Landing Page","landing-page",0,{"id":62,"label":63,"slug":64},15,"Marketing Page Types","marketing-page-types",[66,70,74,78],{"id":67,"title":68,"slug":69},233,"Tabs","tabs",{"id":71,"title":72,"slug":73},232,"Testimonial","testimonial",{"id":75,"title":76,"slug":77},258,"Header","header",{"id":79,"title":80,"slug":81},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":83},[],{"uuid":85,"title":86,"description":87,"canonical_path":4,"image":88,"width":51,"height":89,"image_alt":90,"kind":54,"patterns":91,"component_categories":97,"app":112},"9bc1c070-73a4-48dd-9ebf-1a92df1b8279","Metronome blog","Blog index page where the user can browse recent company announcements and product updates presented in an asymmetric article grid.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bc1c070-73a4-48dd-9ebf-1a92df1b8279.png",3650,"Metronome blog from Metronome",[92],{"id":93,"label":94,"slug":95,"rank":60,"group":96},150,"Blog Index","blog-index",{"id":62,"label":63,"slug":64},[98,102,106,107,111],{"id":99,"title":100,"slug":101},298,"Bento box","bento-grid",{"id":103,"title":104,"slug":105},174,"Card","card",{"id":75,"title":76,"slug":77},{"id":108,"title":109,"slug":110},175,"Button","button",{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":116,"description":117,"canonical_path":4,"image":118,"width":51,"height":119,"image_alt":120,"kind":54,"patterns":121,"component_categories":127,"app":131},"04773be6-4d81-4fba-b9a2-2df1030ef3a6","Launch, iterate, and scale with Metronome | Metronome blog","Blog article announcing the launch of Metronome, detailing the challenges of billing at scale and the company's core design principles, ending with a call to action to request a demo.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04773be6-4d81-4fba-b9a2-2df1030ef3a6.png",8438,"Launch, iterate, and scale with Metronome | Metronome blog from Metronome",[122],{"id":123,"label":124,"slug":125,"rank":60,"group":126},78,"Article","article",{"id":62,"label":63,"slug":64},[128,129,130],{"id":75,"title":76,"slug":77},{"id":108,"title":109,"slug":110},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":135,"description":136,"canonical_path":4,"image":137,"width":51,"height":138,"image_alt":139,"kind":54,"patterns":140,"component_categories":152,"app":158},"db5c17fe-fe2a-4c83-8e23-7b67c15f2ce5","Understanding Metronome | Metronome","Documentation article explaining the real-time usage-based billing pipeline with a terminology note and next steps.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdb5c17fe-fe2a-4c83-8e23-7b67c15f2ce5.png",4004,"Understanding Metronome | Metronome from Metronome",[141,143],{"id":123,"label":124,"slug":125,"rank":60,"group":142},{"id":62,"label":63,"slug":64},{"id":144,"label":145,"slug":146,"rank":147,"group":148},118,"Help","help",1,{"id":149,"label":150,"slug":151},12,"States & Feedback","states-and-feedback",[153,157],{"id":154,"title":155,"slug":156},167,"Alert","alert",{"id":108,"title":109,"slug":110},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":29,"description":162,"canonical_path":4,"image":163,"width":51,"height":164,"image_alt":53,"kind":54,"patterns":165,"component_categories":171,"app":175},"1afff17d-ac05-448d-af41-63a89ab4c1e6","Demo request page where the user fills out a form with their contact details and company size to get in touch.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1afff17d-ac05-448d-af41-63a89ab4c1e6.png",3360,[166],{"id":167,"label":168,"slug":169,"rank":60,"group":170},147,"Contact Sales Page","contact-sales-page",{"id":62,"label":63,"slug":64},[172,173,174],{"id":75,"title":76,"slug":77},{"id":108,"title":109,"slug":110},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":179,"description":180,"canonical_path":4,"image":181,"width":51,"height":182,"image_alt":183,"kind":54,"patterns":184,"component_categories":190,"app":194},"bff7e175-2923-4d80-aa16-c2ecd146349e","Not Found","Marketing error page indicating the requested content could not be found, with a prompt to return to the homepage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbff7e175-2923-4d80-aa16-c2ecd146349e.png",2472,"Not Found from Metronome",[185],{"id":186,"label":187,"slug":188,"rank":60,"group":189},187,"404 Page","404-page",{"id":62,"label":63,"slug":64},[191,192,193],{"id":75,"title":76,"slug":77},{"id":108,"title":109,"slug":110},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":195},[],{"uuid":197,"title":29,"description":198,"canonical_path":4,"image":199,"width":51,"height":200,"image_alt":53,"kind":54,"patterns":201,"component_categories":207,"app":211},"bc9c6a10-bc81-4c39-bf92-8ca8bc8066c4","Privacy policy page detailing how the company collects, uses, and shares personal information, including sections on GDPR and CCPA rights.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc9c6a10-bc81-4c39-bf92-8ca8bc8066c4.png",16130,[202],{"id":203,"label":204,"slug":205,"rank":60,"group":206},185,"Privacy Policy","privacy-policy",{"id":62,"label":63,"slug":64},[208,209,210],{"id":75,"title":76,"slug":77},{"id":108,"title":109,"slug":110},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":212},[],{"uuid":214,"title":29,"description":215,"canonical_path":4,"image":216,"width":51,"height":217,"image_alt":53,"kind":54,"patterns":218,"component_categories":224,"app":228},"ec7f8b2f-04e7-4c1c-b26d-f46c4a1a4ca9","Legal page detailing the terms of service for using the Metronome billing infrastructure, covering account security, user content rules, and proprietary rights.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fec7f8b2f-04e7-4c1c-b26d-f46c4a1a4ca9.png",11562,[219],{"id":220,"label":221,"slug":222,"rank":60,"group":223},186,"Terms Page","terms-page",{"id":62,"label":63,"slug":64},[225,226,227],{"id":75,"title":76,"slug":77},{"id":108,"title":109,"slug":110},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":229},[],[],[232,234,236,238,240,242,244,246,249,252,255,258,261,264,266,270,274,278],{"label":124,"to":233},"\u002Fexamples\u002Fpages\u002Farticle",{"label":187,"to":235},"\u002Fexamples\u002Fpages\u002F404-page",{"label":94,"to":237},"\u002Fexamples\u002Fpages\u002Fblog-index",{"label":168,"to":239},"\u002Fexamples\u002Fpages\u002Fcontact-sales-page",{"label":58,"to":241},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":204,"to":243},"\u002Fexamples\u002Fpages\u002Fprivacy-policy",{"label":221,"to":245},"\u002Fexamples\u002Fpages\u002Fterms-page",{"label":247,"to":248},"Metronome product screens","\u002Fexamples\u002Fapps\u002Fmetronome\u002Fscreens",{"label":250,"to":251},"Metronome user flows","\u002Fexamples\u002Fapps\u002Fmetronome\u002Fflows",{"label":253,"to":254},"Metronome UI components","\u002Fexamples\u002Fapps\u002Fmetronome\u002Fcomponents",{"label":256,"to":257},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":259,"to":260},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":262,"to":263},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":265,"to":18},"All SaaS app examples",{"label":267,"to":268,"description":269},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":271,"to":272,"description":273},"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":275,"to":276,"description":277},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":279,"to":280,"description":281},"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":283,"updated_at":284},"2022-02-06T12:43:10.000Z","2026-09-13T13:02:39.000Z"]