[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fpci-compliance":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":369,"links":370,"dates":407},"\u002Fexamples\u002Ftags\u002Fpci-compliance","collection","screens",true,{"example_count":9,"app_count":10},31,8,{"id":12,"title":13,"description":14},93071,"PCI compliance","",{"title":16,"description":17,"og_image":18},"PCI compliance screen examples - Nicelydone","PCI compliance screen design examples from SaaS apps. Browse examples from Evervault, Ramp, Expensify.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F009bcf05-2111-4c99-a1bc-11dc35ca5386.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"PCI compliance screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"31 screens",[34,101,140,195,243,274,298,329],{"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":54,"app":79},"009bcf05-2111-4c99-a1bc-11dc35ca5386","Secure Card Data — Evervault","Solution page explaining how the platform secures card data, reduces compliance burden, and optimizes payment flows with tokenization infrastructure.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fmarketing",3024,10610,"Secure Card Data — Evervault from Evervault","2025-04-29T08:32:29.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},139,"Use Case Page","use-case-page",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59,63,67,71,75],{"id":56,"title":57,"slug":58},232,"Testimonial","testimonial",{"id":60,"title":61,"slug":62},168,"Accordion","accordion",{"id":64,"title":65,"slug":66},260,"Badge","badge",{"id":68,"title":69,"slug":70},202,"Footer","footer",{"id":72,"title":73,"slug":74},258,"Header","header",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"evervault","Evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[85,89,93,97],{"id":86,"title":87,"slug":88},48,"Developer Tools","developer-tools",{"id":90,"title":91,"slug":92},37,"Developer APIs","developer-apis",{"id":94,"title":95,"slug":96},39,"Payments","payments",{"id":98,"title":99,"slug":100},78,"Security","security",{"uuid":102,"title":103,"description":104,"canonical_path":105,"image":106,"width":39,"height":107,"image_alt":108,"published_at":109,"kind":43,"patterns":110,"component_categories":116,"app":121},"4fa5d789-6692-48b0-a2f5-93c795d16c93","Corporate Card Security - 247 Monitoring and Spend Controls | Ramp","Marketing page detailing Ramp's security measures, including SSO, fraud controls, continuous monitoring, encryption, and compliance certifications, with multiple email capture forms to get started.","\u002Fexamples\u002Fapps\u002Framp\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4fa5d789-6692-48b0-a2f5-93c795d16c93.png",10400,"Corporate Card Security - 247 Monitoring and Spend Controls | Ramp from Ramp","2024-11-25T17:00:10.000Z",[111],{"id":112,"label":113,"slug":114,"rank":49,"group":115},182,"Security Page","security-page",{"id":51,"label":52,"slug":53},[117,118,119,120],{"id":68,"title":69,"slug":70},{"id":64,"title":65,"slug":66},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":122,"title":123,"logo":124,"baseline":125,"categories":126},"ramp","Ramp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Framp-b0d4616e.png","The corporate card built for savings",[127,131,132,136],{"id":128,"title":129,"slug":130},36,"Finance","finance",{"id":94,"title":95,"slug":96},{"id":133,"title":134,"slug":135},56,"Accounting","accounting",{"id":137,"title":138,"slug":139},80,"Artificial Intelligence","artificial-intelligence",{"uuid":141,"title":142,"description":143,"canonical_path":144,"image":145,"width":39,"height":146,"image_alt":147,"published_at":148,"kind":43,"patterns":149,"component_categories":176,"app":187},"560ecef3-b1b8-43cd-93ef-9f73bbf13d31","10 New Expensify","Settings page where the user adds a new payment card to their subscription before their free trial expires.","\u002Fexamples\u002Fapps\u002Fexpensify\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F560ecef3-b1b8-43cd-93ef-9f73bbf13d31.png",1778,"10 New Expensify from Expensify","2024-10-08T09:42:19.000Z",[150,158,167],{"id":151,"label":152,"slug":153,"rank":49,"group":154},131,"Payment Form","payment-form",{"id":155,"label":156,"slug":157},14,"Payments & Checkout","payments-and-checkout",{"id":159,"label":160,"slug":161,"rank":162,"group":163},96,"Billing Settings","billing-settings",1,{"id":164,"label":165,"slug":166},10,"Settings & Admin","settings-and-admin",{"id":168,"label":169,"slug":170,"rank":171,"group":172},114,"Confirmation","confirmation",2,{"id":173,"label":174,"slug":175},12,"States & Feedback","states-and-feedback",[177,181,185,186],{"id":178,"title":179,"slug":180},169,"Avatar","avatar",{"id":182,"title":183,"slug":184},174,"Card","card",{"id":64,"title":65,"slug":66},{"id":76,"title":77,"slug":78},{"slug":188,"title":189,"logo":190,"baseline":191,"categories":192},"expensify","Expensify","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fexpensify-186d76c0.png","The expense management app that does it all",[193,194],{"id":128,"title":129,"slug":130},{"id":133,"title":134,"slug":135},{"uuid":196,"title":197,"description":198,"canonical_path":199,"image":200,"width":39,"height":201,"image_alt":202,"published_at":203,"kind":43,"patterns":204,"component_categories":215,"app":234},"18a20e91-9090-4d72-8fb1-6605835184cb","PCI compliance – nicelydone.club – Stripe","Settings page where the user reviews their PCI compliance requirements, reads upcoming standard changes, and can start an annual assessment submission for ecommerce transactions.","\u002Fexamples\u002Fapps\u002Fstripe\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18a20e91-9090-4d72-8fb1-6605835184cb.png",1722,"PCI compliance – nicelydone.club – Stripe from Stripe","2024-06-11T07:27:39.000Z",[205,210],{"id":206,"label":207,"slug":208,"rank":49,"group":209},101,"Security Settings","security-settings",{"id":164,"label":165,"slug":166},{"id":211,"label":212,"slug":213,"rank":162,"group":214},119,"Info","info",{"id":173,"label":174,"slug":175},[216,220,224,228,232,233],{"id":217,"title":218,"slug":219},240,"Horizontal navigation","horizontal-navigation",{"id":221,"title":222,"slug":223},177,"Breadcrumb","breadcrumb",{"id":225,"title":226,"slug":227},233,"Tabs","tabs",{"id":229,"title":230,"slug":231},167,"Alert","alert",{"id":182,"title":183,"slug":184},{"id":76,"title":77,"slug":78},{"slug":235,"title":236,"logo":237,"baseline":238,"categories":239},"stripe","Stripe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstripe-ac594414.png","Payments infrastructure for the internet",[240,241,242],{"id":128,"title":129,"slug":130},{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"uuid":244,"title":245,"description":246,"canonical_path":247,"image":248,"width":39,"height":249,"image_alt":250,"published_at":251,"kind":43,"patterns":252,"component_categories":255,"app":263},"988dc6cc-8b37-46d6-b715-1293067e9a33","Security – Vercel","Security page featuring a frequently asked questions section covering compliance standards like SOC2, GDPR, HIPAA, and PCI.","\u002Fexamples\u002Fapps\u002Fvercel\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F988dc6cc-8b37-46d6-b715-1293067e9a33.png",1738,"Security – Vercel from Vercel","2023-06-27T15:11:32.000Z",[253],{"id":112,"label":113,"slug":114,"rank":49,"group":254},{"id":51,"label":52,"slug":53},[256,260,261,262],{"id":257,"title":258,"slug":259},189,"FAQ","faq",{"id":60,"title":61,"slug":62},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":264,"title":265,"logo":266,"baseline":267,"categories":268},"vercel","Vercel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvercel-c74059ac.png","Develop. Preview. Ship.",[269,270],{"id":86,"title":87,"slug":88},{"id":271,"title":272,"slug":273},7,"Web Development","web-development",{"uuid":275,"title":276,"description":277,"canonical_path":278,"image":279,"width":39,"height":280,"image_alt":281,"published_at":282,"kind":43,"patterns":283,"component_categories":286,"app":288},"afcaa86c-5adc-4d10-86de-8d7c1399e3dc","Increase › Security at Increase","Security page outlining audit compliance, encryption standards, IP addresses, and providing a GPG key for secure communication.","\u002Fexamples\u002Fapps\u002Fincrease\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fafcaa86c-5adc-4d10-86de-8d7c1399e3dc.png",5160,"Increase › Security at Increase from Increase","2023-05-23T10:14:23.000Z",[284],{"id":112,"label":113,"slug":114,"rank":49,"group":285},{"id":51,"label":52,"slug":53},[287],{"id":72,"title":73,"slug":74},{"slug":289,"title":290,"logo":291,"baseline":292,"categories":293},"increase","Increase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fincrease-284a5bb9.png","Bare-metal banking APIs",[294,295,296,297],{"id":128,"title":129,"slug":130},{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"uuid":299,"title":300,"description":301,"canonical_path":302,"image":303,"width":39,"height":304,"image_alt":305,"published_at":306,"kind":43,"patterns":307,"component_categories":310,"app":318},"55f6b133-95f7-43e7-b7b5-22d140fd136b","Security and Privacy - Harvest","Marketing page detailing the company's data safety, reliability, and compliance practices with a sticky table of contents and downloadable security resources.","\u002Fexamples\u002Fapps\u002Fharvest\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F55f6b133-95f7-43e7-b7b5-22d140fd136b.png",7584,"Security and Privacy - Harvest from Harvest","2023-04-12T09:26:14.000Z",[308],{"id":112,"label":113,"slug":114,"rank":49,"group":309},{"id":51,"label":52,"slug":53},[311,315,316,317],{"id":312,"title":313,"slug":314},277,"Button group","button-group",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":319,"title":320,"logo":321,"baseline":322,"categories":323},"harvest","Harvest","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fharvest-4a1bfc79.png","Time tracking software with invoicing",[324,328],{"id":325,"title":326,"slug":327},30,"Productivity","productivity",{"id":133,"title":134,"slug":135},{"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":349,"app":353},"33da6b74-80ff-400d-9297-e328db6fd2dc","Square Security - Engineered to protect both you and your custome","Security page detailing the platform's PCI compliance, hardware encryption, and organizational safeguards with prompts to contact sales.","\u002Fexamples\u002Fapps\u002Fsquare\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F33da6b74-80ff-400d-9297-e328db6fd2dc.png",8402,"Square Security - Engineered to protect both you and your custome from Square","2023-02-03T00:06:22.000Z",[339,341],{"id":211,"label":212,"slug":213,"rank":49,"group":340},{"id":173,"label":174,"slug":175},{"id":342,"label":343,"slug":344,"rank":162,"group":345},65,"Navigation Menu","navigation-menu",{"id":346,"label":347,"slug":348},6,"Navigation & Commands","navigation-and-commands",[350,351,352],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":354,"title":355,"logo":356,"baseline":357,"categories":358},"square","Square","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsquare-237bc1bf.png","Making commerce easy",[359,360,364,365],{"id":128,"title":129,"slug":130},{"id":361,"title":362,"slug":363},54,"Mobile","mobile",{"id":94,"title":95,"slug":96},{"id":366,"title":367,"slug":368},90,"Business","business",[],[371,373,375,377,379,381,383,386,389,392,395,398,401,404],{"label":212,"to":372,"count":171},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":160,"to":374,"count":162},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":169,"to":376,"count":162},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":343,"to":378,"count":162},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":152,"to":380,"count":162},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":207,"to":382,"count":162},"\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"label":384,"to":385},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":387,"to":388},"Ramp design examples","\u002Fexamples\u002Fapps\u002Framp",{"label":390,"to":391},"Expensify design examples","\u002Fexamples\u002Fapps\u002Fexpensify",{"label":393,"to":394},"Stripe design examples","\u002Fexamples\u002Fapps\u002Fstripe",{"label":396,"to":397},"Vercel design examples","\u002Fexamples\u002Fapps\u002Fvercel",{"label":399,"to":400},"Increase design examples","\u002Fexamples\u002Fapps\u002Fincrease",{"label":402,"to":403},"Harvest design examples","\u002Fexamples\u002Fapps\u002Fharvest",{"label":405,"to":406},"Square design examples","\u002Fexamples\u002Fapps\u002Fsquare",{"published_at":408,"updated_at":409},"2023-02-02T23:11:51.000Z","2026-09-05T20:19:25.714Z"]