[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F8c18f014-205c-41ce-b42d-2dc7a05461d8":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":100,"links":101,"dates":112},"\u002Fexamples\u002Fscreens\u002F8c18f014-205c-41ce-b42d-2dc7a05461d8","detail","screens",true,{"title":9,"description":10,"og_image":11},"Import and export - Proton Account - Nicelydone","Screen UI design example from Proton. Settings page where the user can import calendar events via Google or an ICS file, and export their selected calendar…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c18f014-205c-41ce-b42d-2dc7a05461d8.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Import and export - Proton Account",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Proton. Settings page where the user can import calendar events via Google or an ICS file, and export their selected calendar as an ICS file.",[],[],[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":63,"app":80},"8c18f014-205c-41ce-b42d-2dc7a05461d8","Settings page where the user can import calendar events via Google or an ICS file, and export their selected calendar as an ICS file.","\u002Fexamples\u002Fapps\u002Fproton\u002Fscreens",3024,1738,"Import and export - Proton Account from Proton","2022-11-16T01:35:23.000Z","screen",[37,46,55],{"id":38,"label":39,"slug":40,"rank":41,"group":42},15,"Import & Export","import-and-export",0,{"id":43,"label":44,"slug":45},2,"Actions","actions",{"id":47,"label":48,"slug":49,"rank":50,"group":51},102,"Settings","settings",1,{"id":52,"label":53,"slug":54},10,"Settings & Admin","settings-and-admin",{"id":56,"label":57,"slug":58,"rank":43,"group":59},51,"Calendar","calendar",{"id":60,"label":61,"slug":62},5,"Media & Tools","media-and-tools",[64,68,72,76],{"id":65,"title":66,"slug":67},240,"Horizontal navigation","horizontal-navigation",{"id":69,"title":70,"slug":71},168,"Accordion","accordion",{"id":73,"title":74,"slug":75},175,"Button","button",{"id":77,"title":78,"slug":79},169,"Avatar","avatar",{"slug":81,"title":82,"logo":83,"baseline":84,"categories":85},"proton","Proton","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fproton-f931823f.png","Privacy by default",[86,90,94,98],{"id":87,"title":88,"slug":89},92,"Email","email",{"id":91,"title":92,"slug":93},71,"File sharing","file-sharing",{"id":95,"title":96,"slug":97},78,"Security","security",{"id":99,"title":57,"slug":58},101,[],[102,104,106,108,110],{"label":57,"to":103},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":39,"to":105},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":48,"to":107},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":109,"to":30},"Proton screen designs",{"label":111,"to":18},"All screen examples",{"published_at":113,"updated_at":114},"2022-11-14T10:38:38.000Z","2026-09-05T20:19:13.428Z"]