[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F5d3bacf4-3f96-48c3-a097-765ee2f12f47":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":95,"links":96,"dates":107},"\u002Fexamples\u002Fscreens\u002F5d3bacf4-3f96-48c3-a097-765ee2f12f47","detail","screens",true,{"title":9,"description":10,"og_image":11},"Stark - Personal billing - Nicelydone","Screen UI design example from Stark. Settings page where the user manages their personal billing, views their current free plan, selects an annual or…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstark_plans-pricing-product_billing_e48ad5db_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Stark - Personal billing",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Stark. Settings page where the user manages their personal billing, views their current free plan, selects an annual or monthly Pro upgrade, and enters payment details.",[],[],[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":64,"app":77},"5d3bacf4-3f96-48c3-a097-765ee2f12f47","Settings page where the user manages their personal billing, views their current free plan, selects an annual or monthly Pro upgrade, and enters payment details.","\u002Fexamples\u002Fapps\u002Fstark\u002Fscreens",3072,1654,"Stark - Personal billing from Stark","2021-04-20T22:06:03.000Z","screen",[37,46,55],{"id":38,"label":39,"slug":40,"rank":41,"group":42},96,"Billing Settings","billing-settings",0,{"id":43,"label":44,"slug":45},10,"Settings & Admin","settings-and-admin",{"id":47,"label":48,"slug":49,"rank":50,"group":51},89,"Pricing","pricing",1,{"id":52,"label":53,"slug":54},9,"Plans & Limits","plans-and-limits",{"id":56,"label":57,"slug":58,"rank":59,"group":60},131,"Payment Form","payment-form",2,{"id":61,"label":62,"slug":63},14,"Payments & Checkout","payments-and-checkout",[65,69,73],{"id":66,"title":67,"slug":68},260,"Badge","badge",{"id":70,"title":71,"slug":72},174,"Card","card",{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":78,"title":79,"logo":80,"baseline":81,"categories":82},"stark","Stark","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstark-28d33c6f.png","Make the world’s software more accessible",[83,87,91],{"id":84,"title":85,"slug":86},8,"Design","design",{"id":88,"title":89,"slug":90},7,"Web Development","web-development",{"id":92,"title":93,"slug":94},48,"Developer Tools","developer-tools",[],[97,99,101,103,105],{"label":39,"to":98},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":57,"to":100},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":48,"to":102},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":104,"to":30},"Stark screen designs",{"label":106,"to":18},"All screen examples",{"published_at":108,"updated_at":109},"2021-04-20T21:57:21.000Z","2026-06-13T21:47:59.931Z"]