[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fa91284e6-6a5f-4618-9fa5-fd90ee996650":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":88,"links":89,"dates":100},"\u002Fexamples\u002Fscreens\u002Fa91284e6-6a5f-4618-9fa5-fd90ee996650","detail","screens",true,{"title":9,"description":10,"og_image":11},"Marvel - Nicelydone","Screen UI design example from Marvel. Paywall modal where the user is prompted to upgrade their plan to access invite-only projects, featuring four pricing…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmarvel_plans-pricing-product_54b4297a_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Marvel",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Marvel. Paywall modal where the user is prompted to upgrade their plan to access invite-only projects, featuring four pricing tiers and a detailed comparison table.",[],[],[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":58,"app":71},"a91284e6-6a5f-4618-9fa5-fd90ee996650","Paywall modal where the user is prompted to upgrade their plan to access invite-only projects, featuring four pricing tiers and a detailed comparison table.","\u002Fexamples\u002Fapps\u002Fmarvel\u002Fscreens",3072,3754,"Marvel from Marvel","2021-06-28T19:30:22.000Z","screen",[37,46,52],{"id":38,"label":39,"slug":40,"rank":41,"group":42},88,"Feature Gate","feature-gate",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},92,"Upgrade Prompt","upgrade-prompt",2,{"id":43,"label":44,"slug":45},[59,63,67],{"id":60,"title":61,"slug":62},175,"Button","button",{"id":64,"title":65,"slug":66},260,"Badge","badge",{"id":68,"title":69,"slug":70},174,"Card","card",{"slug":72,"title":20,"logo":73,"baseline":74,"categories":75},"marvel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmarvel-d04e151b.png","Design and Prototyping for everyone",[76,80,84],{"id":77,"title":78,"slug":79},8,"Design","design",{"id":81,"title":82,"slug":83},23,"Collaboration","collaboration",{"id":85,"title":86,"slug":87},104,"User Research","user-research",[],[90,92,94,96,98],{"label":39,"to":91},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":48,"to":93},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":54,"to":95},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":97,"to":30},"Marvel screen designs",{"label":99,"to":18},"All screen examples",{"published_at":101,"updated_at":102},"2021-06-28T19:17:13.000Z","2026-06-13T22:19:10.397Z"]