[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmeter":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":56,"showcases":57,"links":394,"dates":413},"\u002Fexamples\u002Fapps\u002Fmeter","detail","apps",true,{"title":9,"description":10,"og_image":11},"Meter design examples - Nicelydone","Explore Meter UI design examples. The modern way to get business internet & WiFi","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e407ccc-14a9-4d4c-8777-f9c58cd120bc.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Meter design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Meter",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmeter\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fmeter\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fmeter\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":39,"categories":43},"Meter","meter","The modern way to get business internet & WiFi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmeter-36cfb21c.png","https:\u002F\u002Fwww.meter.com",[44,48,52],{"id":45,"title":46,"slug":47},16,"Monitoring","monitoring",{"id":49,"title":50,"slug":51},78,"Security","security",{"id":53,"title":54,"slug":55},107,"Network Management","network-management",[],[58,388,391],{"family":59,"examples":60},"screens",[61,99,136,149,172,184,213,262,295,315,338,363],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":88,"app":97},"4e407ccc-14a9-4d4c-8777-f9c58cd120bc","Meter Connect","Landing page where the user enters their business address to start the process of getting free quotes, accompanied by a list of service benefits.",3072,1716,"Meter Connect from Meter","screen",[70,79],{"id":71,"label":72,"slug":73,"rank":74,"group":75},79,"Browse","browse",0,{"id":76,"label":77,"slug":78},8,"Pages & Content","pages-and-content",{"id":80,"label":81,"slug":82,"rank":83,"group":84},130,"Checkout","checkout",1,{"id":85,"label":86,"slug":87},14,"Payments & Checkout","payments-and-checkout",[89,93],{"id":90,"title":91,"slug":92},202,"Footer","footer",{"id":94,"title":95,"slug":96},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":98},[],{"uuid":100,"title":63,"description":101,"canonical_path":29,"image":102,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":103,"component_categories":128,"app":134},"239de623-4d17-4972-a861-f6130bf6d408","Onboarding step where the user confirms their address and selects whether they are moving to a new space or negotiating an existing contract to find ISP deals.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F239de623-4d17-4972-a861-f6130bf6d408.png",[104,112,120],{"id":105,"label":106,"slug":107,"rank":74,"group":108},23,"Select","select",{"id":109,"label":110,"slug":111},2,"Actions","actions",{"id":113,"label":114,"slug":115,"rank":83,"group":116},72,"Getting Started","getting-started",{"id":117,"label":118,"slug":119},7,"Onboarding & Education","onboarding-and-education",{"id":121,"label":122,"slug":123,"rank":109,"group":124},119,"Info","info",{"id":125,"label":126,"slug":127},12,"States & Feedback","states-and-feedback",[129,133],{"id":130,"title":131,"slug":132},240,"Horizontal navigation","horizontal-navigation",{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":135},[],{"uuid":137,"title":63,"description":138,"canonical_path":29,"image":139,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":140,"component_categories":145,"app":147},"06916623-df7c-4ee0-8155-95cb66b83db5","Onboarding step where the user confirms their address and selects whether they are moving to a new space or negotiating an existing contract, alongside a list of service benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F06916623-df7c-4ee0-8155-95cb66b83db5.png",[141,143],{"id":105,"label":106,"slug":107,"rank":74,"group":142},{"id":109,"label":110,"slug":111},{"id":121,"label":122,"slug":123,"rank":83,"group":144},{"id":125,"label":126,"slug":127},[146],{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":148},[],{"uuid":150,"title":63,"description":151,"canonical_path":29,"image":152,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":153,"component_categories":164,"app":170},"cb2fdb1c-9256-46b5-be36-980104c22035","Landing page where the user enters their preferred install date, email, name, and company to generate quotes, alongside a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb2fdb1c-9256-46b5-be36-980104c22035.png",[154,162],{"id":155,"label":156,"slug":157,"rank":74,"group":158},42,"Form","form",{"id":159,"label":160,"slug":161},4,"Data & Analysis","data-and-analysis",{"id":80,"label":81,"slug":82,"rank":83,"group":163},{"id":85,"label":86,"slug":87},[165,169],{"id":166,"title":167,"slug":168},232,"Testimonial","testimonial",{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":171},[],{"uuid":173,"title":63,"description":174,"canonical_path":29,"image":175,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":176,"component_categories":179,"app":182},"f8a09240-7dbb-4427-bc89-a077c1510ab7","Landing page where a prospective customer enters their contact details and preferred install date to generate a quote, accompanied by a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff8a09240-7dbb-4427-bc89-a077c1510ab7.png",[177],{"id":80,"label":81,"slug":82,"rank":74,"group":178},{"id":85,"label":86,"slug":87},[180,181],{"id":166,"title":167,"slug":168},{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":183},[],{"uuid":185,"title":63,"description":186,"canonical_path":29,"image":187,"width":65,"height":188,"image_alt":67,"kind":68,"patterns":189,"component_categories":200,"app":211},"fb7ccdc5-496b-4ba0-8726-8ccb20c86e0a","Loading screen where the user waits for quote results while viewing a carousel of tips and partner logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb7ccdc5-496b-4ba0-8726-8ccb20c86e0a.png",1940,[190,195],{"id":191,"label":192,"slug":193,"rank":74,"group":194},120,"Loading","loading",{"id":125,"label":126,"slug":127},{"id":196,"label":197,"slug":198,"rank":83,"group":199},44,"Progress","progress",{"id":159,"label":160,"slug":161},[201,205,209,210],{"id":202,"title":203,"slug":204},211,"Pagination","pagination",{"id":206,"title":207,"slug":208},174,"Card","card",{"id":130,"title":131,"slug":132},{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":212},[],{"uuid":214,"title":63,"description":215,"canonical_path":29,"image":216,"width":65,"height":217,"image_alt":67,"kind":68,"patterns":218,"component_categories":240,"app":260},"2d932484-148a-46e9-83df-c230e8adbd2d","List view where the user compares internet provider quotes with filters for bandwidth, price, and provider.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2d932484-148a-46e9-83df-c230e8adbd2d.png",3480,[219,224,229,234],{"id":220,"label":221,"slug":222,"rank":74,"group":223},13,"Filter & Sort","filter-and-sort",{"id":109,"label":110,"slug":111},{"id":225,"label":226,"slug":227,"rank":83,"group":228},84,"Search Results","search-results",{"id":76,"label":77,"slug":78},{"id":230,"label":231,"slug":232,"rank":109,"group":233},47,"Table","table",{"id":159,"label":160,"slug":161},{"id":235,"label":236,"slug":237,"rank":238,"group":239},49,"Usage","usage",3,{"id":159,"label":160,"slug":161},[241,245,249,253,257,258,259],{"id":242,"title":243,"slug":244},223,"Slider","slider",{"id":246,"title":247,"slug":248},257,"Input number","input-number",{"id":250,"title":251,"slug":252},168,"Accordion","accordion",{"id":254,"title":255,"slug":256},260,"Badge","badge",{"id":206,"title":207,"slug":208},{"id":130,"title":131,"slug":132},{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":261},[],{"uuid":263,"title":63,"description":264,"canonical_path":29,"image":265,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":266,"component_categories":284,"app":293},"9a80e0bc-148c-44c4-9b6d-d9f54c2247ab","Wizard step where the user reviews their selected primary internet connection from Lumen and can proceed to set up contract details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9a80e0bc-148c-44c4-9b6d-d9f54c2247ab.png",[267,269,274,282],{"id":80,"label":81,"slug":82,"rank":74,"group":268},{"id":85,"label":86,"slug":87},{"id":270,"label":271,"slug":272,"rank":83,"group":273},114,"Confirmation","confirmation",{"id":125,"label":126,"slug":127},{"id":275,"label":276,"slug":277,"rank":109,"group":278},62,"Breadcrumbs","breadcrumbs",{"id":279,"label":280,"slug":281},6,"Navigation & Commands","navigation-and-commands",{"id":230,"label":231,"slug":232,"rank":238,"group":283},{"id":159,"label":160,"slug":161},[285,289,290,291,292],{"id":286,"title":287,"slug":288},177,"Breadcrumb","breadcrumb",{"id":254,"title":255,"slug":256},{"id":206,"title":207,"slug":208},{"id":130,"title":131,"slug":132},{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":294},[],{"uuid":296,"title":63,"description":297,"canonical_path":29,"image":298,"width":65,"height":299,"image_alt":67,"kind":68,"patterns":300,"component_categories":307,"app":313},"120541df-a976-42d6-92b9-a51a8772d9be","Checkout step where the user provides contact details to submit an order request for a selected internet connection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F120541df-a976-42d6-92b9-a51a8772d9be.png",2238,[301,303,305],{"id":80,"label":81,"slug":82,"rank":74,"group":302},{"id":85,"label":86,"slug":87},{"id":275,"label":276,"slug":277,"rank":83,"group":304},{"id":279,"label":280,"slug":281},{"id":121,"label":122,"slug":123,"rank":109,"group":306},{"id":125,"label":126,"slug":127},[308,309,310,311,312],{"id":286,"title":287,"slug":288},{"id":254,"title":255,"slug":256},{"id":206,"title":207,"slug":208},{"id":130,"title":131,"slug":132},{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":314},[],{"uuid":316,"title":63,"description":317,"canonical_path":29,"image":318,"width":65,"height":319,"image_alt":67,"kind":68,"patterns":320,"component_categories":330,"app":336},"e4944a7e-7002-41a9-85ee-72ac56fab9a7","Checkout step where the user provides their contact information to submit a quote request for a Lumen connection, with form validation errors showing on the required fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4944a7e-7002-41a9-85ee-72ac56fab9a7.png",2334,[321,323,328],{"id":80,"label":81,"slug":82,"rank":74,"group":322},{"id":85,"label":86,"slug":87},{"id":324,"label":325,"slug":326,"rank":83,"group":327},116,"Error","error",{"id":125,"label":126,"slug":127},{"id":275,"label":276,"slug":277,"rank":109,"group":329},{"id":279,"label":280,"slug":281},[331,332,333,334,335],{"id":286,"title":287,"slug":288},{"id":254,"title":255,"slug":256},{"id":206,"title":207,"slug":208},{"id":130,"title":131,"slug":132},{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":337},[],{"uuid":339,"title":63,"description":340,"canonical_path":29,"image":341,"width":65,"height":342,"image_alt":67,"kind":68,"patterns":343,"component_categories":354,"app":361},"edb6e1c6-0655-454c-92b9-5c6ecb11a571","List view where the user filters and compares internet service provider quotes by bandwidth, price, and provider, with an option to select and confirm quotes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fedb6e1c6-0655-454c-92b9-5c6ecb11a571.png",3632,[344,346,348,350,352],{"id":220,"label":221,"slug":222,"rank":74,"group":345},{"id":109,"label":110,"slug":111},{"id":105,"label":106,"slug":107,"rank":83,"group":347},{"id":109,"label":110,"slug":111},{"id":80,"label":81,"slug":82,"rank":109,"group":349},{"id":85,"label":86,"slug":87},{"id":230,"label":231,"slug":232,"rank":238,"group":351},{"id":159,"label":160,"slug":161},{"id":235,"label":236,"slug":237,"rank":159,"group":353},{"id":159,"label":160,"slug":161},[355,356,357,358,359,360],{"id":242,"title":243,"slug":244},{"id":246,"title":247,"slug":248},{"id":250,"title":251,"slug":252},{"id":206,"title":207,"slug":208},{"id":130,"title":131,"slug":132},{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":362},[],{"uuid":364,"title":63,"description":365,"canonical_path":29,"image":366,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":367,"component_categories":380,"app":386},"32a20d66-e08c-4b88-9f5f-889a325d8d97","Wizard step where the user reviews their selected primary and secondary internet connections and pricing before setting up contract details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F32a20d66-e08c-4b88-9f5f-889a325d8d97.png",[368,370,378],{"id":80,"label":81,"slug":82,"rank":74,"group":369},{"id":85,"label":86,"slug":87},{"id":371,"label":372,"slug":373,"rank":83,"group":374},89,"Pricing","pricing",{"id":375,"label":376,"slug":377},9,"Plans & Limits","plans-and-limits",{"id":270,"label":271,"slug":272,"rank":109,"group":379},{"id":125,"label":126,"slug":127},[381,382,383,384,385],{"id":286,"title":287,"slug":288},{"id":254,"title":255,"slug":256},{"id":206,"title":207,"slug":208},{"id":130,"title":131,"slug":132},{"id":94,"title":95,"slug":96},{"slug":39,"title":38,"logo":41,"categories":387},[],{"family":389,"examples":390},"flows",[],{"family":392,"examples":393},"pages",[],[395,397,399,401,404,407,410],{"label":396,"to":29},"Meter product screens",{"label":398,"to":35},"Meter marketing pages",{"label":400,"to":32},"Meter user flows",{"label":402,"to":403},"Meter UI components","\u002Fexamples\u002Fapps\u002Fmeter\u002Fcomponents",{"label":405,"to":406},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":408,"to":409},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":411,"to":412},"Network Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fnetwork-management",{"published_at":414,"updated_at":415},"2022-04-18T09:07:26.000Z","2026-09-13T13:44:12.000Z"]