[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fproton\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":364,"links":365,"dates":426},"\u002Fexamples\u002Fapps\u002Fproton\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Proton product screens examples - Nicelydone","Browse Proton screen design examples. Preview the interface screenshots and explore related UI patterns. Privacy by default","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa5992710-bc04-497d-84a8-53d639d45a0c.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Proton design examples","\u002Fexamples\u002Fapps\u002Fproton",{"label":23,"to":4},"Proton product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Proton","proton","Privacy by default","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fproton-f931823f.png","https:\u002F\u002Fproton.me\u002F","ProtonPrivacy",[36,40,44,48],{"id":37,"title":38,"slug":39},92,"Email","email",{"id":41,"title":42,"slug":43},71,"File sharing","file-sharing",{"id":45,"title":46,"slug":47},78,"Security","security",{"id":49,"title":50,"slug":51},101,"Calendar","calendar",[53,82,97,128,167,192,215,245,270,300,324,344],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":71,"app":80},"a5992710-bc04-497d-84a8-53d639d45a0c","Login - Proton Partners","Sign-in screen where the user authenticates with their email and password to access the partner portal.",3024,1846,"Login - Proton Partners from Proton","screen",[62],{"id":63,"label":64,"slug":65,"rank":66,"group":67},2,"Forgot Password","forgot-password",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",[72,76],{"id":73,"title":74,"slug":75},174,"Card","card",{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":4,"image":86,"width":57,"height":87,"image_alt":88,"kind":60,"patterns":89,"component_categories":92,"app":95},"41de34b2-43a7-4584-a14d-d50660e37720","Forgot Password - Proton Partners","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41de34b2-43a7-4584-a14d-d50660e37720.png",1738,"Forgot Password - Proton Partners from Proton",[90],{"id":63,"label":64,"slug":65,"rank":66,"group":91},{"id":68,"label":69,"slug":70},[93,94],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":4,"image":101,"width":57,"height":102,"image_alt":103,"kind":60,"patterns":104,"component_categories":112,"app":126},"0a2224c7-3acc-4210-a363-fd8a6632db6f","Proton Partners Privacy Policy - Proton Partners","Legal page displaying the privacy policy for the Proton Partners network, detailing data collection, usage, and user rights.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a2224c7-3acc-4210-a363-fd8a6632db6f.png",5144,"Proton Partners Privacy Policy - Proton Partners from Proton",[105],{"id":45,"label":106,"slug":107,"rank":66,"group":108},"Article","article",{"id":109,"label":110,"slug":111},15,"Marketing Page Types","marketing-page-types",[113,117,118,122],{"id":114,"title":115,"slug":116},240,"Horizontal navigation","horizontal-navigation",{"id":73,"title":74,"slug":75},{"id":119,"title":120,"slug":121},258,"Header","header",{"id":123,"title":124,"slug":125},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":4,"image":132,"width":57,"height":133,"image_alt":134,"kind":60,"patterns":135,"component_categories":157,"app":165},"a386549d-2f18-4d39-9ece-8fb1ed16a01a","Proton news, press, and media materials","Company press page providing media assets, brand story, news mentions, and contact information for journalists.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa386549d-2f18-4d39-9ece-8fb1ed16a01a.png",12064,"Proton news, press, and media materials from Proton",[136,144,149],{"id":137,"label":138,"slug":139,"rank":66,"group":140},79,"Browse","browse",{"id":141,"label":142,"slug":143},8,"Pages & Content","pages-and-content",{"id":145,"label":146,"slug":147,"rank":68,"group":148},82,"Media Detail","media-detail",{"id":141,"label":142,"slug":143},{"id":150,"label":151,"slug":152,"rank":63,"group":153},65,"Navigation Menu","navigation-menu",{"id":154,"label":155,"slug":156},6,"Navigation & Commands","navigation-and-commands",[158,159,163,164],{"id":73,"title":74,"slug":75},{"id":160,"title":161,"slug":162},260,"Badge","badge",{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":4,"image":171,"width":57,"height":172,"image_alt":173,"kind":60,"patterns":174,"component_categories":184,"app":190},"20a59521-318c-43de-944b-0d471a6fa0bc","Proton media kit","Brand resources page where users can download official Proton logos, brand images, and product images for media use.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F20a59521-318c-43de-944b-0d471a6fa0bc.png",4814,"Proton media kit from Proton",[175,177,182],{"id":145,"label":146,"slug":147,"rank":66,"group":176},{"id":141,"label":142,"slug":143},{"id":178,"label":179,"slug":180,"rank":68,"group":181},80,"Files","files",{"id":141,"label":142,"slug":143},{"id":137,"label":138,"slug":139,"rank":63,"group":183},{"id":141,"label":142,"slug":143},[185,186,187,188,189],{"id":73,"title":74,"slug":75},{"id":160,"title":161,"slug":162},{"id":119,"title":120,"slug":121},{"id":77,"title":78,"slug":79},{"id":123,"title":124,"slug":125},{"slug":30,"title":29,"logo":32,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":4,"image":196,"width":57,"height":87,"image_alt":197,"kind":60,"patterns":198,"component_categories":207,"app":213},"8facbf83-f0fa-49f1-8e5a-ba433d2a73b9","Proton Drive","Loading screen where the system is fetching and decrypting files from a shared Proton Drive link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8facbf83-f0fa-49f1-8e5a-ba433d2a73b9.png","Proton Drive from Proton",[199],{"id":200,"label":201,"slug":202,"rank":66,"group":203},120,"Loading","loading",{"id":204,"label":205,"slug":206},12,"States & Feedback","states-and-feedback",[208,212],{"id":209,"title":210,"slug":211},227,"Stepper","stepper",{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":214},[],{"uuid":216,"title":194,"description":217,"canonical_path":4,"image":218,"width":57,"height":87,"image_alt":197,"kind":60,"patterns":219,"component_categories":240,"app":243},"ef0ddc64-676b-4be0-9d3e-02d12959fbd9","Public detail page where a recipient can download a securely shared folder and is prompted to create their own secure cloud storage account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fef0ddc64-676b-4be0-9d3e-02d12959fbd9.png",[220,222,229,234],{"id":178,"label":179,"slug":180,"rank":66,"group":221},{"id":141,"label":142,"slug":143},{"id":223,"label":224,"slug":225,"rank":68,"group":226},25,"Upload & Download","upload-and-download",{"id":63,"label":227,"slug":228},"Actions","actions",{"id":230,"label":231,"slug":232,"rank":63,"group":233},114,"Confirmation","confirmation",{"id":204,"label":205,"slug":206},{"id":235,"label":236,"slug":237,"rank":238,"group":239},115,"Empty State","empty-state",3,{"id":204,"label":205,"slug":206},[241,242],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":247,"description":248,"canonical_path":4,"image":249,"width":57,"height":250,"image_alt":251,"kind":60,"patterns":252,"component_categories":258,"app":268},"d6c57b02-63a7-48a6-a65a-74877df5f389","Abuse appeals form","Support contact page where a user can submit an appeal form if their account was disabled for abuse.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6c57b02-63a7-48a6-a65a-74877df5f389.png",3514,"Abuse appeals form from Proton",[253],{"id":254,"label":255,"slug":256,"rank":66,"group":257},180,"Support Page","support-page",{"id":109,"label":110,"slug":111},[259,263,264,265,266,267],{"id":260,"title":261,"slug":262},167,"Alert","alert",{"id":114,"title":115,"slug":116},{"id":160,"title":161,"slug":162},{"id":119,"title":120,"slug":121},{"id":77,"title":78,"slug":79},{"id":123,"title":124,"slug":125},{"slug":30,"title":29,"logo":32,"categories":269},[],{"uuid":271,"title":272,"description":273,"canonical_path":4,"image":274,"width":57,"height":275,"image_alt":276,"kind":60,"patterns":277,"component_categories":290,"app":298},"85845c9c-8bb4-4f0b-acb0-48100960d906","Proton security response center","Security page detailing Proton's bug bounty program, vulnerability disclosure policy, and threat models.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F85845c9c-8bb4-4f0b-acb0-48100960d906.png",5296,"Proton security response center from Proton",[278,283,288],{"id":279,"label":280,"slug":281,"rank":66,"group":282},118,"Help","help",{"id":204,"label":205,"slug":206},{"id":284,"label":285,"slug":286,"rank":68,"group":287},119,"Info","info",{"id":204,"label":205,"slug":206},{"id":150,"label":151,"slug":152,"rank":63,"group":289},{"id":154,"label":155,"slug":156},[291,295,296,297],{"id":292,"title":293,"slug":294},277,"Button group","button-group",{"id":160,"title":161,"slug":162},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":30,"title":29,"logo":32,"categories":299},[],{"uuid":301,"title":302,"description":303,"canonical_path":4,"image":304,"width":57,"height":305,"image_alt":306,"kind":60,"patterns":307,"component_categories":317,"app":322},"118a27c0-d643-4507-96dc-2b28a2bea453","The Proton bug bounty program","Security page detailing the rules, scope, qualifying vulnerabilities, and reward tiers for the company's bug bounty program.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F118a27c0-d643-4507-96dc-2b28a2bea453.png",12106,"The Proton bug bounty program from Proton",[308,310],{"id":45,"label":106,"slug":107,"rank":66,"group":309},{"id":109,"label":110,"slug":111},{"id":49,"label":311,"slug":312,"rank":68,"group":313},"Security Settings","security-settings",{"id":314,"label":315,"slug":316},10,"Settings & Admin","settings-and-admin",[318,319,320,321],{"id":160,"title":161,"slug":162},{"id":119,"title":120,"slug":121},{"id":77,"title":78,"slug":79},{"id":123,"title":124,"slug":125},{"slug":30,"title":29,"logo":32,"categories":323},[],{"uuid":325,"title":326,"description":327,"canonical_path":4,"image":328,"width":57,"height":329,"image_alt":330,"kind":60,"patterns":331,"component_categories":336,"app":342},"51cb3dcf-ab98-463f-9278-5f755b851ef8","Vulnerability disclosure policy","Security policy page detailing the rules, scope, and reporting methods for Proton's vulnerability disclosure program.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F51cb3dcf-ab98-463f-9278-5f755b851ef8.png",10196,"Vulnerability disclosure policy from Proton",[332,334],{"id":45,"label":106,"slug":107,"rank":66,"group":333},{"id":109,"label":110,"slug":111},{"id":279,"label":280,"slug":281,"rank":68,"group":335},{"id":204,"label":205,"slug":206},[337,338,339,340,341],{"id":114,"title":115,"slug":116},{"id":160,"title":161,"slug":162},{"id":119,"title":120,"slug":121},{"id":77,"title":78,"slug":79},{"id":123,"title":124,"slug":125},{"slug":30,"title":29,"logo":32,"categories":343},[],{"uuid":345,"title":346,"description":347,"canonical_path":4,"image":348,"width":57,"height":349,"image_alt":350,"kind":60,"patterns":351,"component_categories":356,"app":362},"2989fefe-f546-417e-a06f-8bd76d926845","Legal safe harbor policy","Legal page detailing the safe harbor policy for security researchers participating in the bug bounty program, featuring a table of contents for easy navigation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2989fefe-f546-417e-a06f-8bd76d926845.png",4738,"Legal safe harbor policy from Proton",[352,354],{"id":45,"label":106,"slug":107,"rank":66,"group":353},{"id":109,"label":110,"slug":111},{"id":150,"label":151,"slug":152,"rank":68,"group":355},{"id":154,"label":155,"slug":156},[357,358,359,360,361],{"id":114,"title":115,"slug":116},{"id":160,"title":161,"slug":162},{"id":119,"title":120,"slug":121},{"id":77,"title":78,"slug":79},{"id":123,"title":124,"slug":125},{"slug":30,"title":29,"logo":32,"categories":363},[],[],[366,368,370,372,374,376,378,380,382,384,386,388,390,393,396,399,402,405,408,410,414,418,422],{"label":151,"to":367},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":138,"to":369},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":179,"to":371},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":64,"to":373},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":280,"to":375},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":146,"to":377},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":231,"to":379},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":236,"to":381},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":285,"to":383},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":201,"to":385},"\u002Fexamples\u002Fscreens\u002Floading",{"label":311,"to":387},"\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"label":224,"to":389},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":391,"to":392},"Proton marketing pages","\u002Fexamples\u002Fapps\u002Fproton\u002Fmarketing",{"label":394,"to":395},"Proton user flows","\u002Fexamples\u002Fapps\u002Fproton\u002Fflows",{"label":397,"to":398},"Proton UI components","\u002Fexamples\u002Fapps\u002Fproton\u002Fcomponents",{"label":400,"to":401},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":403,"to":404},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"label":406,"to":407},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":409,"to":18},"All SaaS app examples",{"label":411,"to":412,"description":413},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":415,"to":416,"description":417},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":419,"to":420,"description":421},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":423,"to":424,"description":425},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":427,"updated_at":428},"2022-11-14T09:29:23.000Z","2026-09-13T13:02:39.000Z"]