[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F248b5494-c09d-455d-87f2-54d4d1e71ef5":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":104,"links":105,"dates":116},"\u002Fexamples\u002Fscreens\u002F248b5494-c09d-455d-87f2-54d4d1e71ef5","detail","screens",true,{"title":9,"description":10,"og_image":11},"Billing - Visitors - Nicelydone","Screen UI design example from Visitors. Settings page where the user configures their billing plan by selecting an annual or monthly billing cycle and…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F248b5494-c09d-455d-87f2-54d4d1e71ef5.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Billing - Visitors",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Visitors. Settings page where the user configures their billing plan by selecting an annual or monthly billing cycle and adjusting their monthly event volume inside an upgrade modal.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":61,"app":94},"248b5494-c09d-455d-87f2-54d4d1e71ef5","Settings page where the user configures their billing plan by selecting an annual or monthly billing cycle and adjusting their monthly event volume inside an upgrade modal.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fscreens",3024,1758,"Billing - Visitors from Visitors","2026-07-20T12:18:36.000Z","screen",[37,46,52],{"id":38,"label":39,"slug":40,"rank":41,"group":42},92,"Upgrade Prompt","upgrade-prompt",0,{"id":43,"label":44,"slug":45},9,"Plans & Limits","plans-and-limits",{"id":47,"label":48,"slug":49,"rank":50,"group":51},89,"Pricing","pricing",1,{"id":43,"label":44,"slug":45},{"id":53,"label":54,"slug":55,"rank":56,"group":57},96,"Billing Settings","billing-settings",2,{"id":58,"label":59,"slug":60},10,"Settings & Admin","settings-and-admin",[62,66,70,74,78,82,86,90],{"id":63,"title":64,"slug":65},240,"Horizontal navigation","horizontal-navigation",{"id":67,"title":68,"slug":69},284,"Modal","modal",{"id":71,"title":72,"slug":73},233,"Tabs","tabs",{"id":75,"title":76,"slug":77},223,"Slider","slider",{"id":79,"title":80,"slug":81},260,"Badge","badge",{"id":83,"title":84,"slug":85},175,"Button","button",{"id":87,"title":88,"slug":89},174,"Card","card",{"id":91,"title":92,"slug":93},169,"Avatar","avatar",{"slug":95,"title":96,"logo":97,"baseline":98,"categories":99},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[100],{"id":101,"title":102,"slug":103},46,"Analytics","analytics",[],[106,108,110,112,114],{"label":54,"to":107},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":48,"to":109},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":39,"to":111},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":113,"to":30},"Visitors screen designs",{"label":115,"to":18},"All screen examples",{"published_at":117,"updated_at":118},"2026-06-15T14:59:20.000Z","2026-09-05T20:20:22.079Z"]