[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fokta\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":236,"links":237,"dates":250},"\u002Fexamples\u002Fapps\u002Fokta\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Okta product screens examples - Nicelydone","Browse Okta screen design examples. Preview the interface screenshots and explore related UI patterns. Secure Identity for Employees, Customers, and AI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2adac688-657e-4448-886d-d923288ac029.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},"Okta design examples","\u002Fexamples\u002Fapps\u002Fokta",{"label":23,"to":4},"Okta 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,"categories":34},"Okta","okta","Secure Identity for Employees, Customers, and AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4b1bf01b-b820-45d6-ba12-24034194be29.png","https:\u002F\u002Fwww.okta.com",[35],{"id":36,"title":37,"slug":38},78,"Security","security",[40,69,82,94,106,123,136,148,165,187,201,214],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":67},"2adac688-657e-4448-886d-d923288ac029","Log in to your Okta org","Sign-in screen where the user enters their Okta organization URL to be routed to their specific login portal.",3024,1810,"Log in to your Okta org from Okta","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63],{"id":60,"title":61,"slug":62},174,"Card","card",{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":42,"description":71,"canonical_path":4,"image":72,"width":44,"height":73,"image_alt":46,"kind":47,"patterns":74,"component_categories":77,"app":80},"85150160-a87f-4fc9-8c46-267c986ee5d5","Sign-in routing screen where the user enters their organization URL to access their specific Okta environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F85150160-a87f-4fc9-8c46-267c986ee5d5.png",1780,[75],{"id":50,"label":51,"slug":52,"rank":53,"group":76},{"id":55,"label":56,"slug":57},[78,79],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":42,"description":84,"canonical_path":4,"image":85,"width":44,"height":73,"image_alt":46,"kind":47,"patterns":86,"component_categories":89,"app":92},"386540bd-8b9c-4a06-b044-4534a0bd1c9c","Sign-in screen where the user enters their Okta organization URL to be routed to their specific tenant.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F386540bd-8b9c-4a06-b044-4534a0bd1c9c.png",[87],{"id":50,"label":51,"slug":52,"rank":53,"group":88},{"id":55,"label":56,"slug":57},[90,91],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":42,"description":96,"canonical_path":4,"image":97,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":98,"component_categories":101,"app":104},"0651e244-870f-416e-bf83-dcf72b06e908","Sign-in screen where the user enters their organization URL to proceed to their specific login portal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0651e244-870f-416e-bf83-dcf72b06e908.png",[99],{"id":50,"label":51,"slug":52,"rank":53,"group":100},{"id":55,"label":56,"slug":57},[102,103],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":51,"description":108,"canonical_path":4,"image":109,"width":44,"height":73,"image_alt":110,"kind":47,"patterns":111,"component_categories":114,"app":121},"1bad4cfa-176c-4aa4-8be9-fc4c01ee9784","Sign-in screen where the user authenticates with their username and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1bad4cfa-176c-4aa4-8be9-fc4c01ee9784.png","Sign In from Okta",[112],{"id":50,"label":51,"slug":52,"rank":53,"group":113},{"id":55,"label":56,"slug":57},[115,119,120],{"id":116,"title":117,"slug":118},169,"Avatar","avatar",{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":51,"description":125,"canonical_path":4,"image":126,"width":44,"height":73,"image_alt":110,"kind":47,"patterns":127,"component_categories":130,"app":134},"bf80676e-bb63-4ce8-b415-85f57383292d","Sign-in screen where the user authenticates into Okta with their username and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf80676e-bb63-4ce8-b415-85f57383292d.png",[128],{"id":50,"label":51,"slug":52,"rank":53,"group":129},{"id":55,"label":56,"slug":57},[131,132,133],{"id":116,"title":117,"slug":118},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":51,"description":108,"canonical_path":4,"image":138,"width":44,"height":73,"image_alt":110,"kind":47,"patterns":139,"component_categories":142,"app":146},"2770ad2e-9e09-46f3-9438-f5012029101a","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2770ad2e-9e09-46f3-9438-f5012029101a.png",[140],{"id":50,"label":51,"slug":52,"rank":53,"group":141},{"id":55,"label":56,"slug":57},[143,144,145],{"id":116,"title":117,"slug":118},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":51,"description":150,"canonical_path":4,"image":151,"width":44,"height":73,"image_alt":110,"kind":47,"patterns":152,"component_categories":155,"app":163},"ce056d9e-1ec9-49ce-bf77-ee823a7e2669","Sign-in screen where the user authenticates with their username and password, featuring a contextual popover for first-time browser connections.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fce056d9e-1ec9-49ce-bf77-ee823a7e2669.png",[153],{"id":50,"label":51,"slug":52,"rank":53,"group":154},{"id":55,"label":56,"slug":57},[156,160,161,162],{"id":157,"title":158,"slug":159},214,"Popover","popover",{"id":116,"title":117,"slug":118},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":51,"description":167,"canonical_path":4,"image":168,"width":44,"height":73,"image_alt":110,"kind":47,"patterns":169,"component_categories":180,"app":185},"561fbc56-fc7e-422a-9339-dead95c9beae","Sign-in screen where the user authenticates with their username and password, featuring a popover noting a first-time browser connection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F561fbc56-fc7e-422a-9339-dead95c9beae.png",[170,172],{"id":50,"label":51,"slug":52,"rank":53,"group":171},{"id":55,"label":56,"slug":57},{"id":173,"label":174,"slug":175,"rank":55,"group":176},114,"Confirmation","confirmation",{"id":177,"label":178,"slug":179},12,"States & Feedback","states-and-feedback",[181,182,183,184],{"id":157,"title":158,"slug":159},{"id":116,"title":117,"slug":118},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":51,"description":189,"canonical_path":4,"image":190,"width":44,"height":73,"image_alt":110,"kind":47,"patterns":191,"component_categories":194,"app":199},"6598903f-b32e-4f91-804a-ee1a825181fe","Sign-in screen where the user authenticates with their username and password, featuring a first-time connection popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6598903f-b32e-4f91-804a-ee1a825181fe.png",[192],{"id":50,"label":51,"slug":52,"rank":53,"group":193},{"id":55,"label":56,"slug":57},[195,196,197,198],{"id":157,"title":158,"slug":159},{"id":116,"title":117,"slug":118},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":200},[],{"uuid":202,"title":51,"description":203,"canonical_path":4,"image":204,"width":44,"height":73,"image_alt":110,"kind":47,"patterns":205,"component_categories":208,"app":212},"37e3b883-8f30-45d9-8410-10bfdab6eb77","Sign-in screen where the user authenticates into Okta using a pre-filled username and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37e3b883-8f30-45d9-8410-10bfdab6eb77.png",[206],{"id":50,"label":51,"slug":52,"rank":53,"group":207},{"id":55,"label":56,"slug":57},[209,210,211],{"id":116,"title":117,"slug":118},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":51,"description":216,"canonical_path":4,"image":217,"width":44,"height":73,"image_alt":110,"kind":47,"patterns":218,"component_categories":226,"app":234},"81181441-6764-42a3-98e1-ed62ef0bbf24","Sign-in screen where the user is presented with an 'Unable to sign in' error message after attempting to authenticate with their email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81181441-6764-42a3-98e1-ed62ef0bbf24.png",[219,224],{"id":220,"label":221,"slug":222,"rank":53,"group":223},116,"Error","error",{"id":177,"label":178,"slug":179},{"id":50,"label":51,"slug":52,"rank":55,"group":225},{"id":55,"label":56,"slug":57},[227,231,232,233],{"id":228,"title":229,"slug":230},167,"Alert","alert",{"id":116,"title":117,"slug":118},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":235},[],[],[238,240,242,244,247],{"label":51,"to":239},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":174,"to":241},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":221,"to":243},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":245,"to":246},"Okta marketing pages","\u002Fexamples\u002Fapps\u002Fokta\u002Fmarketing",{"label":248,"to":249},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"published_at":251,"updated_at":252},"2026-01-03T19:34:27.000Z","2026-09-13T13:02:39.000Z"]