[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fpayment-page":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":501,"links":502,"dates":557},"\u002Fexamples\u002Ftags\u002Fpayment-page","collection","screens",true,{"example_count":9,"app_count":10},1025,173,{"id":12,"title":13,"description":14},119644,"Payment page","",{"title":16,"description":17,"og_image":18},"Payment page screen examples - Nicelydone","Payment page screen design examples from SaaS apps. Browse examples from Polar, Delphi, Evervault.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7d3a7145-72fe-45a0-a7e4-91fe03ff3173.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Payment page screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1025 screens",[34,96,134,184,222,258,293,329,364,412,438,472],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":69,"app":74},"7d3a7145-72fe-45a0-a7e4-91fe03ff3173","Nicelydone | Nicelydone Starter","Checkout page where the user enters their credit card details and billing address to subscribe to the Nicelydone Starter plan.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",3024,1758,"Nicelydone | Nicelydone Starter from Polar","2026-09-21T19:01:38.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},130,"Checkout","checkout",0,{"id":51,"label":52,"slug":53},14,"Payments & Checkout","payments-and-checkout",{"id":55,"label":56,"slug":57,"rank":58,"group":59},131,"Payment Form","payment-form",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},89,"Pricing","pricing",2,{"id":66,"label":67,"slug":68},9,"Plans & Limits","plans-and-limits",[70],{"id":71,"title":72,"slug":73},175,"Button","button",{"slug":75,"title":76,"logo":77,"baseline":78,"categories":79},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[80,84,88,92],{"id":81,"title":82,"slug":83},36,"Finance","finance",{"id":85,"title":86,"slug":87},39,"Payments","payments",{"id":89,"title":90,"slug":91},48,"Developer Tools","developer-tools",{"id":93,"title":94,"slug":95},37,"Developer APIs","developer-apis",{"uuid":97,"title":98,"description":99,"canonical_path":100,"image":101,"width":39,"height":102,"image_alt":103,"published_at":104,"kind":43,"patterns":105,"component_categories":110,"app":120},"7771fbda-5451-476b-8df6-c8ecf40d675f","responsive-luminism's Clone Studio | Delphi","Checkout page where the user enters credit card or bank details to subscribe to a monthly starter plan.","\u002Fexamples\u002Fapps\u002Fdelphi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7771fbda-5451-476b-8df6-c8ecf40d675f.png",2936,"responsive-luminism's Clone Studio | Delphi from Delphi","2025-05-26T14:55:22.000Z",[106,108],{"id":46,"label":47,"slug":48,"rank":49,"group":107},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":109},{"id":51,"label":52,"slug":53},[111,115,119],{"id":112,"title":113,"slug":114},227,"Stepper","stepper",{"id":116,"title":117,"slug":118},260,"Badge","badge",{"id":71,"title":72,"slug":73},{"slug":121,"title":122,"logo":123,"baseline":124,"categories":125},"delphi","Delphi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdelphi-4341n6b6.png","Your Mind. Now on Demand",[126,130],{"id":127,"title":128,"slug":129},80,"Artificial Intelligence","artificial-intelligence",{"id":131,"title":132,"slug":133},22,"Knowledge Management","knowledge-management",{"uuid":135,"title":136,"description":137,"canonical_path":138,"image":139,"width":39,"height":140,"image_alt":141,"published_at":142,"kind":43,"patterns":143,"component_categories":152,"app":171},"9cd7b8db-886d-4936-a2bb-f74c49e32ca5","Pricing – Evervault","Pricing page detailing Hobby, Pro, and Scale plans alongside add-ons for Payments and Enclaves, followed by a comprehensive feature comparison table and FAQ.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9cd7b8db-886d-4936-a2bb-f74c49e32ca5.png",13546,"Pricing – Evervault from Evervault","2025-04-29T08:32:29.000Z",[144],{"id":145,"label":146,"slug":147,"rank":49,"group":148},143,"Pricing Page","pricing-page",{"id":149,"label":150,"slug":151},15,"Marketing Page Types","marketing-page-types",[153,157,161,165,169,170],{"id":154,"title":155,"slug":156},168,"Accordion","accordion",{"id":158,"title":159,"slug":160},202,"Footer","footer",{"id":162,"title":163,"slug":164},258,"Header","header",{"id":166,"title":167,"slug":168},174,"Card","card",{"id":116,"title":117,"slug":118},{"id":71,"title":72,"slug":73},{"slug":172,"title":173,"logo":174,"baseline":175,"categories":176},"evervault","Evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[177,178,179,180],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":85,"title":86,"slug":87},{"id":181,"title":182,"slug":183},78,"Security","security",{"uuid":185,"title":186,"description":187,"canonical_path":188,"image":189,"width":39,"height":190,"image_alt":191,"published_at":192,"kind":43,"patterns":193,"component_categories":201,"app":212},"806df6ad-6d65-49bd-8116-fac602bc01c6","Sora","Settings page where the user views their current Free plan and can upgrade to Plus or Pro tiers.","\u002Fexamples\u002Fapps\u002Fsora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F806df6ad-6d65-49bd-8116-fac602bc01c6.png",1780,"Sora from Sora","2025-04-14T09:27:56.000Z",[194,196],{"id":61,"label":62,"slug":63,"rank":49,"group":195},{"id":66,"label":67,"slug":68},{"id":197,"label":198,"slug":199,"rank":58,"group":200},92,"Upgrade Prompt","upgrade-prompt",{"id":66,"label":67,"slug":68},[202,206,210,211],{"id":203,"title":204,"slug":205},240,"Horizontal navigation","horizontal-navigation",{"id":207,"title":208,"slug":209},169,"Avatar","avatar",{"id":166,"title":167,"slug":168},{"id":71,"title":72,"slug":73},{"slug":213,"title":186,"logo":214,"baseline":215,"categories":216},"sora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","Bring your imagination to life with text, image, or video",[217,218],{"id":127,"title":128,"slug":129},{"id":219,"title":220,"slug":221},100,"Video","video",{"uuid":223,"title":224,"description":225,"canonical_path":226,"image":227,"width":39,"height":228,"image_alt":229,"published_at":230,"kind":43,"patterns":231,"component_categories":237,"app":251},"636cfe4e-0700-4a25-b7a7-c61a3180d335","API | xAI","Product page for an AI API detailing available models, pricing tiers, a cost calculator, and quickstart instructions for developers.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F636cfe4e-0700-4a25-b7a7-c61a3180d335.png",13592,"API | xAI from Grok","2025-04-14T08:55:44.000Z",[232],{"id":233,"label":234,"slug":235,"rank":49,"group":236},137,"Product Page","product-page",{"id":149,"label":150,"slug":151},[238,242,246,247,248,249,250],{"id":239,"title":240,"slug":241},257,"Input number","input-number",{"id":243,"title":244,"slug":245},223,"Slider","slider",{"id":158,"title":159,"slug":160},{"id":162,"title":163,"slug":164},{"id":166,"title":167,"slug":168},{"id":116,"title":117,"slug":118},{"id":71,"title":72,"slug":73},{"slug":252,"title":253,"logo":254,"baseline":255,"categories":256},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[257],{"id":127,"title":128,"slug":129},{"uuid":259,"title":260,"description":261,"canonical_path":262,"image":263,"width":39,"height":264,"image_alt":265,"published_at":266,"kind":43,"patterns":267,"component_categories":270,"app":279},"3b3dfc93-4ee4-4758-b46e-2c86b017b628","Shuttle – Your files. Your rules.","Pricing page featuring an FAQ section where the user can expand questions about credit card requirements, cancellations, and data storage, along with a prominent contact button.","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3b3dfc93-4ee4-4758-b46e-2c86b017b628.png",1726,"Shuttle – Your files. Your rules. from Shuttle","2025-03-31T12:54:20.000Z",[268],{"id":145,"label":146,"slug":147,"rank":49,"group":269},{"id":149,"label":150,"slug":151},[271,275,276,277,278],{"id":272,"title":273,"slug":274},189,"FAQ","faq",{"id":154,"title":155,"slug":156},{"id":162,"title":163,"slug":164},{"id":166,"title":167,"slug":168},{"id":71,"title":72,"slug":73},{"slug":280,"title":281,"logo":282,"baseline":283,"categories":284},"shuttle","Shuttle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fshuttle-1876ce5e.png","Manage and share your assets your way",[285,289],{"id":286,"title":287,"slug":288},71,"File sharing","file-sharing",{"id":290,"title":291,"slug":292},23,"Collaboration","collaboration",{"uuid":294,"title":295,"description":296,"canonical_path":297,"image":298,"width":39,"height":299,"image_alt":300,"published_at":301,"kind":43,"patterns":302,"component_categories":305,"app":312},"2db0df93-f65e-4a9a-822b-4c92d5b86429","Pricing | Bitly Core, Growth, Premium  Enterprise Pricing Plans","Pricing page where the user chooses between Free, Core, Growth, Premium, and Enterprise plans, followed by a detailed feature comparison table.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2db0df93-f65e-4a9a-822b-4c92d5b86429.png",15220,"Pricing | Bitly Core, Growth, Premium  Enterprise Pricing Plans from Bitly","2025-03-31T12:38:36.000Z",[303],{"id":145,"label":146,"slug":147,"rank":49,"group":304},{"id":149,"label":150,"slug":151},[306,307,308,309,310,311],{"id":154,"title":155,"slug":156},{"id":158,"title":159,"slug":160},{"id":162,"title":163,"slug":164},{"id":166,"title":167,"slug":168},{"id":116,"title":117,"slug":118},{"id":71,"title":72,"slug":73},{"slug":313,"title":314,"logo":315,"baseline":316,"categories":317},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[318,321,325],{"id":51,"title":319,"slug":320},"Social","social",{"id":322,"title":323,"slug":324},25,"Marketing","marketing",{"id":326,"title":327,"slug":328},46,"Analytics","analytics",{"uuid":330,"title":331,"description":332,"canonical_path":333,"image":334,"width":39,"height":335,"image_alt":336,"published_at":337,"kind":43,"patterns":338,"component_categories":346,"app":353},"eeb55f32-c4f8-411a-abfd-ff348611c1b0","Agents › Webshop Support","Paywall modal where the user can upgrade their subscription to unlock unlimited phone agents and additional features.","\u002Fexamples\u002Fapps\u002Flemni\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feeb55f32-c4f8-411a-abfd-ff348611c1b0.png",1778,"Agents › Webshop Support from Lemni","2025-03-24T15:32:17.000Z",[339,341],{"id":197,"label":198,"slug":199,"rank":49,"group":340},{"id":66,"label":67,"slug":68},{"id":342,"label":343,"slug":344,"rank":58,"group":345},88,"Feature Gate","feature-gate",{"id":66,"label":67,"slug":68},[347,351,352],{"id":348,"title":349,"slug":350},284,"Modal","modal",{"id":166,"title":167,"slug":168},{"id":71,"title":72,"slug":73},{"slug":354,"title":355,"logo":356,"baseline":357,"categories":358},"lemni","Lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[359,360],{"id":127,"title":128,"slug":129},{"id":361,"title":362,"slug":363},47,"Customer Service","customer-service",{"uuid":365,"title":366,"description":367,"canonical_path":368,"image":369,"width":39,"height":335,"image_alt":370,"published_at":371,"kind":43,"patterns":372,"component_categories":391,"app":398},"8664546c-3cf0-4f17-9d37-0186a3a808e5","Reflect","Settings page where the user views their Reflect plan, checks their remaining 14-day free trial, and can subscribe to a yearly plan.","\u002Fexamples\u002Fapps\u002Freflect\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8664546c-3cf0-4f17-9d37-0186a3a808e5.png","Reflect from Reflect","2025-03-24T15:32:15.000Z",[373,381,383,388],{"id":374,"label":375,"slug":376,"rank":49,"group":377},96,"Billing Settings","billing-settings",{"id":378,"label":379,"slug":380},10,"Settings & Admin","settings-and-admin",{"id":61,"label":62,"slug":63,"rank":58,"group":382},{"id":66,"label":67,"slug":68},{"id":384,"label":385,"slug":386,"rank":64,"group":387},91,"Trial","trial",{"id":66,"label":67,"slug":68},{"id":197,"label":198,"slug":199,"rank":389,"group":390},3,{"id":66,"label":67,"slug":68},[392,396,397],{"id":393,"title":394,"slug":395},232,"Testimonial","testimonial",{"id":166,"title":167,"slug":168},{"id":71,"title":72,"slug":73},{"slug":399,"title":366,"logo":400,"baseline":401,"categories":402},"reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[403,407,408],{"id":404,"title":405,"slug":406},30,"Productivity","productivity",{"id":131,"title":132,"slug":133},{"id":409,"title":410,"slug":411},59,"Writing tools","writing-tools",{"uuid":413,"title":414,"description":415,"canonical_path":416,"image":417,"width":39,"height":418,"image_alt":419,"published_at":420,"kind":43,"patterns":421,"component_categories":424,"app":431},"b6e45cb0-ca10-4b2d-94c7-26eef5505cfa","Pricing | Monarch Money","Pricing page for a personal finance app featuring a single subscription plan with a yearly or monthly billing toggle, followed by feature highlights, value propositions, customer reviews, and FAQs.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb6e45cb0-ca10-4b2d-94c7-26eef5505cfa.png",8528,"Pricing | Monarch Money from Monarch","2025-03-17T14:09:52.000Z",[422],{"id":145,"label":146,"slug":147,"rank":49,"group":423},{"id":149,"label":150,"slug":151},[425,426,427,428,429,430],{"id":393,"title":394,"slug":395},{"id":272,"title":273,"slug":274},{"id":154,"title":155,"slug":156},{"id":158,"title":159,"slug":160},{"id":162,"title":163,"slug":164},{"id":116,"title":117,"slug":118},{"slug":432,"title":433,"logo":434,"baseline":435,"categories":436},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[437],{"id":81,"title":82,"slug":83},{"uuid":439,"title":440,"description":441,"canonical_path":442,"image":443,"width":39,"height":444,"image_alt":445,"published_at":446,"kind":43,"patterns":447,"component_categories":457,"app":464},"b5182298-b948-4357-8154-ca2ccd9534fe","Assembly","Settings page where the user compares features and selects a subscription tier for their workspace before their free trial expires.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb5182298-b948-4357-8154-ca2ccd9534fe.png",2650,"Assembly from Assembly","2025-03-17T13:29:41.000Z",[448,450,452],{"id":61,"label":62,"slug":63,"rank":49,"group":449},{"id":66,"label":67,"slug":68},{"id":384,"label":385,"slug":386,"rank":58,"group":451},{"id":66,"label":67,"slug":68},{"id":453,"label":454,"slug":455,"rank":64,"group":456},102,"Settings","settings",{"id":378,"label":379,"slug":380},[458,462,463],{"id":459,"title":460,"slug":461},233,"Tabs","tabs",{"id":116,"title":117,"slug":118},{"id":71,"title":72,"slug":73},{"slug":465,"title":440,"logo":466,"baseline":467,"categories":468},"meet-assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[469,470,471],{"id":51,"title":319,"slug":320},{"id":290,"title":291,"slug":292},{"id":322,"title":323,"slug":324},{"uuid":473,"title":474,"description":475,"canonical_path":476,"image":477,"width":39,"height":478,"image_alt":479,"published_at":480,"kind":43,"patterns":481,"component_categories":486,"app":493},"48b11db1-a058-4054-a32d-e7111a137e70","Leap AI | Automate any workflow with AI","Settings page where the user views and selects a subscription plan for the Content Writer product, comparing Starter, Pro, and Scale tiers.","\u002Fexamples\u002Fapps\u002Fleap\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F48b11db1-a058-4054-a32d-e7111a137e70.png",3396,"Leap AI | Automate any workflow with AI from Leap","2025-03-10T14:11:55.000Z",[482,484],{"id":61,"label":62,"slug":63,"rank":49,"group":483},{"id":66,"label":67,"slug":68},{"id":197,"label":198,"slug":199,"rank":58,"group":485},{"id":66,"label":67,"slug":68},[487,491,492],{"id":488,"title":489,"slug":490},177,"Breadcrumb","breadcrumb",{"id":459,"title":460,"slug":461},{"id":116,"title":117,"slug":118},{"slug":494,"title":495,"logo":496,"baseline":497,"categories":498},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[499,500],{"id":127,"title":128,"slug":129},{"id":404,"title":405,"slug":406},[],[503,506,509,511,513,515,517,519,521,524,527,530,533,536,539,542,545,548,551,554],{"label":62,"to":504,"count":505},"\u002Fexamples\u002Fscreens\u002Fpricing",5,{"label":198,"to":507,"count":508},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",4,{"label":47,"to":510,"count":64},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":56,"to":512,"count":64},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":385,"to":514,"count":64},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":375,"to":516,"count":58},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":343,"to":518,"count":58},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":454,"to":520,"count":58},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":522,"to":523},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":525,"to":526},"Delphi design examples","\u002Fexamples\u002Fapps\u002Fdelphi",{"label":528,"to":529},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":531,"to":532},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":534,"to":535},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":537,"to":538},"Shuttle design examples","\u002Fexamples\u002Fapps\u002Fshuttle",{"label":540,"to":541},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":543,"to":544},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"label":546,"to":547},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":549,"to":550},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":552,"to":553},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":555,"to":556},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"published_at":558,"updated_at":42},"2025-01-12T14:17:08.000Z"]