[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmetronome":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":31,"examples":50,"showcases":51,"links":237,"dates":258},"\u002Fexamples\u002Fapps\u002Fmetronome","detail","apps",true,{"title":9,"description":10,"og_image":11},"Metronome design examples - Nicelydone","Explore Metronome UI design examples. Effortless usage-based billing at scale","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F63f43a7b-fe78-41a7-a847-f6e53cf445ea.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Metronome design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":30},"SaaS app examples",[24],{"title":25,"links":26},"Explore Metronome",[27],{"label":28,"to":29},"marketing pages","\u002Fexamples\u002Fapps\u002Fmetronome\u002Fmarketing",[],{"title":32,"slug":33,"description":34,"logo":35,"url":36,"categories":37},"Metronome","metronome","Effortless usage-based billing at scale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmetronome-uckqif25.png","https:\u002F\u002Fmetronome.com",[38,42,46],{"id":39,"title":40,"slug":41},37,"Developer APIs","developer-apis",{"id":43,"title":44,"slug":45},36,"Finance","finance",{"id":47,"title":48,"slug":49},39,"Payments","payments",[],[52],{"family":53,"examples":54},"pages",[55,91,121,140,167,184,203,220],{"uuid":56,"title":32,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":89},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},136,"Landing Page","landing-page",0,{"id":69,"label":70,"slug":71},15,"Marketing Page Types","marketing-page-types",[73,77,81,85],{"id":74,"title":75,"slug":76},233,"Tabs","tabs",{"id":78,"title":79,"slug":80},232,"Testimonial","testimonial",{"id":82,"title":83,"slug":84},258,"Header","header",{"id":86,"title":87,"slug":88},202,"Footer","footer",{"slug":33,"title":32,"logo":35,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":29,"image":95,"width":58,"height":96,"image_alt":97,"kind":61,"patterns":98,"component_categories":104,"app":119},"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",[99],{"id":100,"label":101,"slug":102,"rank":67,"group":103},150,"Blog Index","blog-index",{"id":69,"label":70,"slug":71},[105,109,113,114,118],{"id":106,"title":107,"slug":108},298,"Bento box","bento-grid",{"id":110,"title":111,"slug":112},174,"Card","card",{"id":82,"title":83,"slug":84},{"id":115,"title":116,"slug":117},175,"Button","button",{"id":86,"title":87,"slug":88},{"slug":33,"title":32,"logo":35,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":29,"image":125,"width":58,"height":126,"image_alt":127,"kind":61,"patterns":128,"component_categories":134,"app":138},"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",[129],{"id":130,"label":131,"slug":132,"rank":67,"group":133},78,"Article","article",{"id":69,"label":70,"slug":71},[135,136,137],{"id":82,"title":83,"slug":84},{"id":115,"title":116,"slug":117},{"id":86,"title":87,"slug":88},{"slug":33,"title":32,"logo":35,"categories":139},[],{"uuid":141,"title":142,"description":143,"canonical_path":29,"image":144,"width":58,"height":145,"image_alt":146,"kind":61,"patterns":147,"component_categories":159,"app":165},"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",[148,150],{"id":130,"label":131,"slug":132,"rank":67,"group":149},{"id":69,"label":70,"slug":71},{"id":151,"label":152,"slug":153,"rank":154,"group":155},118,"Help","help",1,{"id":156,"label":157,"slug":158},12,"States & Feedback","states-and-feedback",[160,164],{"id":161,"title":162,"slug":163},167,"Alert","alert",{"id":115,"title":116,"slug":117},{"slug":33,"title":32,"logo":35,"categories":166},[],{"uuid":168,"title":32,"description":169,"canonical_path":29,"image":170,"width":58,"height":171,"image_alt":60,"kind":61,"patterns":172,"component_categories":178,"app":182},"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,[173],{"id":174,"label":175,"slug":176,"rank":67,"group":177},147,"Contact Sales Page","contact-sales-page",{"id":69,"label":70,"slug":71},[179,180,181],{"id":82,"title":83,"slug":84},{"id":115,"title":116,"slug":117},{"id":86,"title":87,"slug":88},{"slug":33,"title":32,"logo":35,"categories":183},[],{"uuid":185,"title":186,"description":187,"canonical_path":29,"image":188,"width":58,"height":189,"image_alt":190,"kind":61,"patterns":191,"component_categories":197,"app":201},"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",[192],{"id":193,"label":194,"slug":195,"rank":67,"group":196},187,"404 Page","404-page",{"id":69,"label":70,"slug":71},[198,199,200],{"id":82,"title":83,"slug":84},{"id":115,"title":116,"slug":117},{"id":86,"title":87,"slug":88},{"slug":33,"title":32,"logo":35,"categories":202},[],{"uuid":204,"title":32,"description":205,"canonical_path":29,"image":206,"width":58,"height":207,"image_alt":60,"kind":61,"patterns":208,"component_categories":214,"app":218},"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,[209],{"id":210,"label":211,"slug":212,"rank":67,"group":213},185,"Privacy Policy","privacy-policy",{"id":69,"label":70,"slug":71},[215,216,217],{"id":82,"title":83,"slug":84},{"id":115,"title":116,"slug":117},{"id":86,"title":87,"slug":88},{"slug":33,"title":32,"logo":35,"categories":219},[],{"uuid":221,"title":32,"description":222,"canonical_path":29,"image":223,"width":58,"height":224,"image_alt":60,"kind":61,"patterns":225,"component_categories":231,"app":235},"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,[226],{"id":227,"label":228,"slug":229,"rank":67,"group":230},186,"Terms Page","terms-page",{"id":69,"label":70,"slug":71},[232,233,234],{"id":82,"title":83,"slug":84},{"id":115,"title":116,"slug":117},{"id":86,"title":87,"slug":88},{"slug":33,"title":32,"logo":35,"categories":236},[],[238,241,243,246,249,252,255],{"label":239,"to":240},"Metronome product screens","\u002Fexamples\u002Fapps\u002Fmetronome\u002Fscreens",{"label":242,"to":29},"Metronome marketing pages",{"label":244,"to":245},"Metronome user flows","\u002Fexamples\u002Fapps\u002Fmetronome\u002Fflows",{"label":247,"to":248},"Metronome UI components","\u002Fexamples\u002Fapps\u002Fmetronome\u002Fcomponents",{"label":250,"to":251},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":253,"to":254},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":256,"to":257},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"published_at":259,"updated_at":260},"2022-02-06T12:43:10.000Z","2026-09-13T13:02:39.000Z"]