[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fokta":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":51,"showcases":52,"links":261,"dates":273},"\u002Fexamples\u002Fapps\u002Fokta","detail","apps",true,{"title":9,"description":10,"og_image":11},"Okta design examples - Nicelydone","Explore Okta UI design examples. Secure Identity for Employees, Customers, and AI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2adac688-657e-4448-886d-d923288ac029.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Okta design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Okta",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fokta\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fokta\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fokta\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fokta\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"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",[47],{"id":48,"title":49,"slug":50},78,"Security","security",[],[53,252,255,258],{"family":54,"examples":55},"screens",[56,85,98,110,122,139,152,164,181,203,217,230],{"uuid":57,"title":58,"description":59,"canonical_path":29,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":74,"app":83},"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",[65],{"id":66,"label":67,"slug":68,"rank":69,"group":70},4,"Sign In","sign-in",0,{"id":71,"label":72,"slug":73},1,"Access & Account","access-and-account",[75,79],{"id":76,"title":77,"slug":78},174,"Card","card",{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":84},[],{"uuid":86,"title":58,"description":87,"canonical_path":29,"image":88,"width":60,"height":89,"image_alt":62,"kind":63,"patterns":90,"component_categories":93,"app":96},"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,[91],{"id":66,"label":67,"slug":68,"rank":69,"group":92},{"id":71,"label":72,"slug":73},[94,95],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":97},[],{"uuid":99,"title":58,"description":100,"canonical_path":29,"image":101,"width":60,"height":89,"image_alt":62,"kind":63,"patterns":102,"component_categories":105,"app":108},"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",[103],{"id":66,"label":67,"slug":68,"rank":69,"group":104},{"id":71,"label":72,"slug":73},[106,107],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":109},[],{"uuid":111,"title":58,"description":112,"canonical_path":29,"image":113,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":114,"component_categories":117,"app":120},"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",[115],{"id":66,"label":67,"slug":68,"rank":69,"group":116},{"id":71,"label":72,"slug":73},[118,119],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":121},[],{"uuid":123,"title":67,"description":124,"canonical_path":29,"image":125,"width":60,"height":89,"image_alt":126,"kind":63,"patterns":127,"component_categories":130,"app":137},"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",[128],{"id":66,"label":67,"slug":68,"rank":69,"group":129},{"id":71,"label":72,"slug":73},[131,135,136],{"id":132,"title":133,"slug":134},169,"Avatar","avatar",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":138},[],{"uuid":140,"title":67,"description":141,"canonical_path":29,"image":142,"width":60,"height":89,"image_alt":126,"kind":63,"patterns":143,"component_categories":146,"app":150},"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",[144],{"id":66,"label":67,"slug":68,"rank":69,"group":145},{"id":71,"label":72,"slug":73},[147,148,149],{"id":132,"title":133,"slug":134},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":151},[],{"uuid":153,"title":67,"description":124,"canonical_path":29,"image":154,"width":60,"height":89,"image_alt":126,"kind":63,"patterns":155,"component_categories":158,"app":162},"2770ad2e-9e09-46f3-9438-f5012029101a","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2770ad2e-9e09-46f3-9438-f5012029101a.png",[156],{"id":66,"label":67,"slug":68,"rank":69,"group":157},{"id":71,"label":72,"slug":73},[159,160,161],{"id":132,"title":133,"slug":134},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":163},[],{"uuid":165,"title":67,"description":166,"canonical_path":29,"image":167,"width":60,"height":89,"image_alt":126,"kind":63,"patterns":168,"component_categories":171,"app":179},"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",[169],{"id":66,"label":67,"slug":68,"rank":69,"group":170},{"id":71,"label":72,"slug":73},[172,176,177,178],{"id":173,"title":174,"slug":175},214,"Popover","popover",{"id":132,"title":133,"slug":134},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":180},[],{"uuid":182,"title":67,"description":183,"canonical_path":29,"image":184,"width":60,"height":89,"image_alt":126,"kind":63,"patterns":185,"component_categories":196,"app":201},"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",[186,188],{"id":66,"label":67,"slug":68,"rank":69,"group":187},{"id":71,"label":72,"slug":73},{"id":189,"label":190,"slug":191,"rank":71,"group":192},114,"Confirmation","confirmation",{"id":193,"label":194,"slug":195},12,"States & Feedback","states-and-feedback",[197,198,199,200],{"id":173,"title":174,"slug":175},{"id":132,"title":133,"slug":134},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":202},[],{"uuid":204,"title":67,"description":205,"canonical_path":29,"image":206,"width":60,"height":89,"image_alt":126,"kind":63,"patterns":207,"component_categories":210,"app":215},"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",[208],{"id":66,"label":67,"slug":68,"rank":69,"group":209},{"id":71,"label":72,"slug":73},[211,212,213,214],{"id":173,"title":174,"slug":175},{"id":132,"title":133,"slug":134},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":216},[],{"uuid":218,"title":67,"description":219,"canonical_path":29,"image":220,"width":60,"height":89,"image_alt":126,"kind":63,"patterns":221,"component_categories":224,"app":228},"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",[222],{"id":66,"label":67,"slug":68,"rank":69,"group":223},{"id":71,"label":72,"slug":73},[225,226,227],{"id":132,"title":133,"slug":134},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":229},[],{"uuid":231,"title":67,"description":232,"canonical_path":29,"image":233,"width":60,"height":89,"image_alt":126,"kind":63,"patterns":234,"component_categories":242,"app":250},"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",[235,240],{"id":236,"label":237,"slug":238,"rank":69,"group":239},116,"Error","error",{"id":193,"label":194,"slug":195},{"id":66,"label":67,"slug":68,"rank":71,"group":241},{"id":71,"label":72,"slug":73},[243,247,248,249],{"id":244,"title":245,"slug":246},167,"Alert","alert",{"id":132,"title":133,"slug":134},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":251},[],{"family":253,"examples":254},"flows",[],{"family":256,"examples":257},"components",[],{"family":259,"examples":260},"pages",[],[262,264,266,268,270],{"label":263,"to":29},"Okta product screens",{"label":265,"to":38},"Okta marketing pages",{"label":267,"to":32},"Okta user flows",{"label":269,"to":35},"Okta UI components",{"label":271,"to":272},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"published_at":274,"updated_at":275},"2026-01-03T19:34:27.000Z","2026-09-13T13:02:39.000Z"]