[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fona\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":263,"links":264,"dates":287},"\u002Fexamples\u002Fapps\u002Fona\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Ona product screens examples - Nicelydone","Browse Ona screen design examples. Preview the interface screenshots and explore related UI patterns. The AI software engineer you can rely on","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35984cef-1d6a-4734-a71d-80d3bf861e7e.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},"Ona design examples","\u002Fexamples\u002Fapps\u002Fona",{"label":23,"to":4},"Ona 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},"Ona","ona","The AI software engineer you can rely on","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5f04e4d2-1820-448d-8510-4d55ff185524.png","https:\u002F\u002Fona.com",[35,39],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",[44,81,93,105,125,139,151,171,183,195,218,247],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":70,"app":79},"35984cef-1d6a-4734-a71d-80d3bf861e7e","Login | Ona","Sign-in screen where the user authenticates via GitHub, Google, or SSO, featuring a promotional offer for core tier credits.",3024,1780,"Login | Ona from Ona","screen",[53,62],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",{"id":63,"label":64,"slug":65,"rank":59,"group":66},77,"Welcome","welcome",{"id":67,"label":68,"slug":69},7,"Onboarding & Education","onboarding-and-education",[71,75],{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":46,"description":83,"canonical_path":4,"image":84,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":85,"component_categories":88,"app":91},"147fa0d6-df60-41e3-a033-d2033270d6d2","Sign-in screen where the user authenticates via GitHub, Google, or SSO, featuring a promotional credit banner for first-time upgrades.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F147fa0d6-df60-41e3-a033-d2033270d6d2.png",[86],{"id":54,"label":55,"slug":56,"rank":57,"group":87},{"id":59,"label":60,"slug":61},[89,90],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":46,"description":95,"canonical_path":4,"image":96,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":97,"component_categories":100,"app":103},"c4258aba-1da3-4fb9-9c52-13636e4b81d7","Sign-in screen where the user can enter their email address or choose to continue with SSO, set against a colorful blurred background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4258aba-1da3-4fb9-9c52-13636e4b81d7.png",[98],{"id":54,"label":55,"slug":56,"rank":57,"group":99},{"id":59,"label":60,"slug":61},[101,102],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":46,"description":107,"canonical_path":4,"image":108,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":109,"component_categories":120,"app":123},"a580c9d3-8fb5-4c80-a24c-45659a05d34c","Sign-in screen where the user enters their email address or chooses to authenticate via SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa580c9d3-8fb5-4c80-a24c-45659a05d34c.png",[110,112],{"id":54,"label":55,"slug":56,"rank":57,"group":111},{"id":59,"label":60,"slug":61},{"id":113,"label":114,"slug":115,"rank":59,"group":116},103,"SSO","sso",{"id":117,"label":118,"slug":119},10,"Settings & Admin","settings-and-admin",[121,122],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":46,"description":127,"canonical_path":4,"image":128,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":129,"component_categories":134,"app":137},"af06f107-125a-4972-836e-9b3d3dfe99cd","Sign-in screen where the user enters their email address to authenticate via single sign-on.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf06f107-125a-4972-836e-9b3d3dfe99cd.png",[130,132],{"id":54,"label":55,"slug":56,"rank":57,"group":131},{"id":59,"label":60,"slug":61},{"id":113,"label":114,"slug":115,"rank":59,"group":133},{"id":117,"label":118,"slug":119},[135,136],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":46,"description":141,"canonical_path":4,"image":142,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":143,"component_categories":146,"app":149},"bb71e0a6-5a3e-4e90-a1c8-acfad0902484","Sign-in screen where the user confirms their pre-filled email address to authenticate via SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbb71e0a6-5a3e-4e90-a1c8-acfad0902484.png",[144],{"id":54,"label":55,"slug":56,"rank":57,"group":145},{"id":59,"label":60,"slug":61},[147,148],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":46,"description":153,"canonical_path":4,"image":154,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":155,"component_categories":166,"app":169},"5fc7851d-41a8-47b5-ae81-7871e3acbcfe","Sign-in screen where the user encounters an SSO configuration error after entering their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5fc7851d-41a8-47b5-ae81-7871e3acbcfe.png",[156,164],{"id":157,"label":158,"slug":159,"rank":57,"group":160},116,"Error","error",{"id":161,"label":162,"slug":163},12,"States & Feedback","states-and-feedback",{"id":54,"label":55,"slug":56,"rank":59,"group":165},{"id":59,"label":60,"slug":61},[167,168],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":46,"description":173,"canonical_path":4,"image":174,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":175,"component_categories":178,"app":181},"5475ceb9-19e2-4b0b-9ab6-91154b9cc04c","Sign-in screen where the user authenticates with GitHub, Google, or SSO, featuring a promotional banner for free credits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5475ceb9-19e2-4b0b-9ab6-91154b9cc04c.png",[176],{"id":54,"label":55,"slug":56,"rank":57,"group":177},{"id":59,"label":60,"slug":61},[179,180],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":46,"description":185,"canonical_path":4,"image":186,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":187,"component_categories":190,"app":193},"4a015675-9bd8-4f41-bd58-d35426ccaa7a","Sign-in screen where the user authenticates with GitHub, Google, or SSO, featuring a promotional credit banner above the login card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4a015675-9bd8-4f41-bd58-d35426ccaa7a.png",[188],{"id":54,"label":55,"slug":56,"rank":57,"group":189},{"id":59,"label":60,"slug":61},[191,192],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":4,"image":199,"width":48,"height":49,"image_alt":200,"kind":51,"patterns":201,"component_categories":209,"app":216},"9c6433d8-856a-4166-ad01-776932eac31c","Sign in - Google Accounts","OAuth consent screen where the user reviews and approves Gitpod's request to access their Google account name, profile picture, and email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9c6433d8-856a-4166-ad01-776932eac31c.png","Sign in - Google Accounts from Ona",[202,204],{"id":54,"label":55,"slug":56,"rank":57,"group":203},{"id":59,"label":60,"slug":61},{"id":205,"label":206,"slug":207,"rank":59,"group":208},114,"Confirmation","confirmation",{"id":161,"label":162,"slug":163},[210,214,215],{"id":211,"title":212,"slug":213},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":29,"description":220,"canonical_path":4,"image":221,"width":48,"height":49,"image_alt":222,"kind":51,"patterns":223,"component_categories":239,"app":245},"f71a7a40-1a42-44a1-96e5-71ea5502bced","Onboarding step where the user connects their GitHub, Bitbucket, or GitLab account to select a repository.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff71a7a40-1a42-44a1-96e5-71ea5502bced.png","Ona from Ona",[224,228,233],{"id":59,"label":225,"slug":226,"rank":57,"group":227},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},{"id":229,"label":230,"slug":231,"rank":59,"group":232},75,"Setup Wizard","setup-wizard",{"id":67,"label":68,"slug":69},{"id":234,"label":235,"slug":236,"rank":237,"group":238},97,"Integrations","integrations",2,{"id":117,"label":118,"slug":119},[240,244],{"id":241,"title":242,"slug":243},227,"Stepper","stepper",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":246},[],{"uuid":248,"title":29,"description":249,"canonical_path":4,"image":250,"width":48,"height":49,"image_alt":222,"kind":51,"patterns":251,"component_categories":258,"app":261},"130e8ea0-8ed3-4c7e-9c0f-9f7449554941","Onboarding step where the user connects their Git provider (GitHub, Bitbucket, or GitLab) to select a repository for their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F130e8ea0-8ed3-4c7e-9c0f-9f7449554941.png",[252,254,256],{"id":59,"label":225,"slug":226,"rank":57,"group":253},{"id":59,"label":60,"slug":61},{"id":229,"label":230,"slug":231,"rank":59,"group":255},{"id":67,"label":68,"slug":69},{"id":234,"label":235,"slug":236,"rank":237,"group":257},{"id":117,"label":118,"slug":119},[259,260],{"id":241,"title":242,"slug":243},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":262},[],[],[265,267,269,271,273,275,277,279,281,284],{"label":55,"to":266},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":225,"to":268},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":235,"to":270},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":230,"to":272},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":114,"to":274,"count":237},"\u002Fexamples\u002Fscreens\u002Fsso",{"label":206,"to":276,"count":59},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":158,"to":278,"count":59},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":64,"to":280,"count":59},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":282,"to":283},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":285,"to":286},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":288,"updated_at":289},"2026-01-25T20:46:16.000Z","2026-09-13T13:02:39.000Z"]