[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fona":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":55,"showcases":56,"links":288,"dates":303},"\u002Fexamples\u002Fapps\u002Fona","detail","apps",true,{"title":9,"description":10,"og_image":11},"Ona design examples - Nicelydone","Explore Ona UI design examples. The AI software engineer you can rely on","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35984cef-1d6a-4734-a71d-80d3bf861e7e.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Ona design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Ona",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fona\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fona\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fona\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fona\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"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",[47,51],{"id":48,"title":49,"slug":50},48,"Developer Tools","developer-tools",{"id":52,"title":53,"slug":54},80,"Artificial Intelligence","artificial-intelligence",[],[57,279,282,285],{"family":58,"examples":59},"screens",[60,97,109,121,141,155,167,187,199,211,234,263],{"uuid":61,"title":62,"description":63,"canonical_path":29,"image":11,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":68,"component_categories":86,"app":95},"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",[69,78],{"id":70,"label":71,"slug":72,"rank":73,"group":74},4,"Sign In","sign-in",0,{"id":75,"label":76,"slug":77},1,"Access & Account","access-and-account",{"id":79,"label":80,"slug":81,"rank":75,"group":82},77,"Welcome","welcome",{"id":83,"label":84,"slug":85},7,"Onboarding & Education","onboarding-and-education",[87,91],{"id":88,"title":89,"slug":90},174,"Card","card",{"id":92,"title":93,"slug":94},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":96},[],{"uuid":98,"title":62,"description":99,"canonical_path":29,"image":100,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":101,"component_categories":104,"app":107},"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",[102],{"id":70,"label":71,"slug":72,"rank":73,"group":103},{"id":75,"label":76,"slug":77},[105,106],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":108},[],{"uuid":110,"title":62,"description":111,"canonical_path":29,"image":112,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":113,"component_categories":116,"app":119},"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",[114],{"id":70,"label":71,"slug":72,"rank":73,"group":115},{"id":75,"label":76,"slug":77},[117,118],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":120},[],{"uuid":122,"title":62,"description":123,"canonical_path":29,"image":124,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":125,"component_categories":136,"app":139},"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",[126,128],{"id":70,"label":71,"slug":72,"rank":73,"group":127},{"id":75,"label":76,"slug":77},{"id":129,"label":130,"slug":131,"rank":75,"group":132},103,"SSO","sso",{"id":133,"label":134,"slug":135},10,"Settings & Admin","settings-and-admin",[137,138],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":140},[],{"uuid":142,"title":62,"description":143,"canonical_path":29,"image":144,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":145,"component_categories":150,"app":153},"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",[146,148],{"id":70,"label":71,"slug":72,"rank":73,"group":147},{"id":75,"label":76,"slug":77},{"id":129,"label":130,"slug":131,"rank":75,"group":149},{"id":133,"label":134,"slug":135},[151,152],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":154},[],{"uuid":156,"title":62,"description":157,"canonical_path":29,"image":158,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":159,"component_categories":162,"app":165},"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",[160],{"id":70,"label":71,"slug":72,"rank":73,"group":161},{"id":75,"label":76,"slug":77},[163,164],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":166},[],{"uuid":168,"title":62,"description":169,"canonical_path":29,"image":170,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":171,"component_categories":182,"app":185},"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",[172,180],{"id":173,"label":174,"slug":175,"rank":73,"group":176},116,"Error","error",{"id":177,"label":178,"slug":179},12,"States & Feedback","states-and-feedback",{"id":70,"label":71,"slug":72,"rank":75,"group":181},{"id":75,"label":76,"slug":77},[183,184],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":186},[],{"uuid":188,"title":62,"description":189,"canonical_path":29,"image":190,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":191,"component_categories":194,"app":197},"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",[192],{"id":70,"label":71,"slug":72,"rank":73,"group":193},{"id":75,"label":76,"slug":77},[195,196],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":198},[],{"uuid":200,"title":62,"description":201,"canonical_path":29,"image":202,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":203,"component_categories":206,"app":209},"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",[204],{"id":70,"label":71,"slug":72,"rank":73,"group":205},{"id":75,"label":76,"slug":77},[207,208],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":210},[],{"uuid":212,"title":213,"description":214,"canonical_path":29,"image":215,"width":64,"height":65,"image_alt":216,"kind":67,"patterns":217,"component_categories":225,"app":232},"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",[218,220],{"id":70,"label":71,"slug":72,"rank":73,"group":219},{"id":75,"label":76,"slug":77},{"id":221,"label":222,"slug":223,"rank":75,"group":224},114,"Confirmation","confirmation",{"id":177,"label":178,"slug":179},[226,230,231],{"id":227,"title":228,"slug":229},169,"Avatar","avatar",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":233},[],{"uuid":235,"title":41,"description":236,"canonical_path":29,"image":237,"width":64,"height":65,"image_alt":238,"kind":67,"patterns":239,"component_categories":255,"app":261},"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",[240,244,249],{"id":75,"label":241,"slug":242,"rank":73,"group":243},"Account Setup","account-setup",{"id":75,"label":76,"slug":77},{"id":245,"label":246,"slug":247,"rank":75,"group":248},75,"Setup Wizard","setup-wizard",{"id":83,"label":84,"slug":85},{"id":250,"label":251,"slug":252,"rank":253,"group":254},97,"Integrations","integrations",2,{"id":133,"label":134,"slug":135},[256,260],{"id":257,"title":258,"slug":259},227,"Stepper","stepper",{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":262},[],{"uuid":264,"title":41,"description":265,"canonical_path":29,"image":266,"width":64,"height":65,"image_alt":238,"kind":67,"patterns":267,"component_categories":274,"app":277},"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",[268,270,272],{"id":75,"label":241,"slug":242,"rank":73,"group":269},{"id":75,"label":76,"slug":77},{"id":245,"label":246,"slug":247,"rank":75,"group":271},{"id":83,"label":84,"slug":85},{"id":250,"label":251,"slug":252,"rank":253,"group":273},{"id":133,"label":134,"slug":135},[275,276],{"id":257,"title":258,"slug":259},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":278},[],{"family":280,"examples":281},"flows",[],{"family":283,"examples":284},"components",[],{"family":286,"examples":287},"pages",[],[289,291,293,295,297,300],{"label":290,"to":29},"Ona product screens",{"label":292,"to":38},"Ona marketing pages",{"label":294,"to":32},"Ona user flows",{"label":296,"to":35},"Ona UI components",{"label":298,"to":299},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":301,"to":302},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":304,"updated_at":305},"2026-01-25T20:46:16.000Z","2026-09-13T13:02:39.000Z"]