[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fortto\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":55,"showcases":299,"links":300,"dates":359},"\u002Fexamples\u002Fapps\u002Fortto\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Ortto product screens examples - Nicelydone","Browse Ortto screen design examples. Preview the interface screenshots and explore related UI patterns. Customer Data, Messaging & Analytics Working Together","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7068cc24-73a1-41e5-8d96-28333f668f0a.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},"Ortto design examples","\u002Fexamples\u002Fapps\u002Fortto",{"label":23,"to":4},"Ortto 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,"twitter_username":30,"categories":34},"Ortto","ortto","Customer Data, Messaging & Analytics Working Together","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fortto-5f1ee46b.png","https:\u002F\u002Fortto.com",[35,39,43,47,51],{"id":36,"title":37,"slug":38},25,"Marketing","marketing",{"id":40,"title":41,"slug":42},27,"Email Newsletters","email-newsletters",{"id":44,"title":45,"slug":46},68,"SMS","sms",{"id":48,"title":49,"slug":50},46,"Analytics","analytics",{"id":52,"title":53,"slug":54},57,"Big data","big-data",[56,85,108,120,134,155,169,189,218,233,247,273],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":74,"app":83},"7068cc24-73a1-41e5-8d96-28333f668f0a","Sign in - Ortto","Authentication screen where the user logs in using their email, Google, or Microsoft credentials, displayed in a modal over a blurred dashboard.",3024,1738,"Sign in - Ortto from Ortto","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},175,"Button","button",{"id":80,"title":81,"slug":82},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":58,"description":87,"canonical_path":4,"image":88,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":89,"component_categories":103,"app":106},"baf29f52-9378-406a-a3bf-64497a46548e","Sign-in screen where the user authenticates with email and password, or via Google and Microsoft SSO, currently showing validation errors for empty fields over a blurred dashboard background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbaf29f52-9378-406a-a3bf-64497a46548e.png",[90,98],{"id":91,"label":92,"slug":93,"rank":69,"group":94},116,"Error","error",{"id":95,"label":96,"slug":97},12,"States & Feedback","states-and-feedback",{"id":99,"label":100,"slug":101,"rank":71,"group":102},2,"Forgot Password","forgot-password",{"id":71,"label":72,"slug":73},[104,105],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":58,"description":110,"canonical_path":4,"image":111,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":112,"component_categories":115,"app":118},"6e71f0d2-edb9-4a1e-be62-70c2cc8a223c","Sign-in screen where the user authenticates with email and password, Google, or Microsoft over a dimmed dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6e71f0d2-edb9-4a1e-be62-70c2cc8a223c.png",[113],{"id":99,"label":100,"slug":101,"rank":69,"group":114},{"id":71,"label":72,"slug":73},[116,117],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":60,"height":61,"image_alt":125,"kind":63,"patterns":126,"component_categories":129,"app":132},"4f5f83ad-e304-4b98-a7f4-8916e636e4d4","Forgot password - Ortto","Auth screen where the user requests a password reset link by entering their email address in a modal over a dimmed dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4f5f83ad-e304-4b98-a7f4-8916e636e4d4.png","Forgot password - Ortto from Ortto",[127],{"id":99,"label":100,"slug":101,"rank":69,"group":128},{"id":71,"label":72,"slug":73},[130,131],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":60,"height":61,"image_alt":139,"kind":63,"patterns":140,"component_categories":150,"app":153},"3fbd6ece-d763-43ce-8e54-00040f30817b","Sign up - Ortto","Signup screen where the user creates a new account via email or SSO providers, displayed as a modal over a blurred dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3fbd6ece-d763-43ce-8e54-00040f30817b.png","Sign up - Ortto from Ortto",[141,146],{"id":142,"label":143,"slug":144,"rank":69,"group":145},5,"Sign Up","sign-up",{"id":71,"label":72,"slug":73},{"id":71,"label":147,"slug":148,"rank":71,"group":149},"Account Setup","account-setup",{"id":71,"label":72,"slug":73},[151,152],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":154},[],{"uuid":156,"title":136,"description":157,"canonical_path":4,"image":158,"width":60,"height":61,"image_alt":139,"kind":63,"patterns":159,"component_categories":164,"app":167},"28a4044f-9de5-41d5-b3f6-250da8cceafb","Signup screen where the user attempts to create a free account but encounters validation errors on the name, email, and password fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28a4044f-9de5-41d5-b3f6-250da8cceafb.png",[160,162],{"id":142,"label":143,"slug":144,"rank":69,"group":161},{"id":71,"label":72,"slug":73},{"id":91,"label":92,"slug":93,"rank":71,"group":163},{"id":95,"label":96,"slug":97},[165,166],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":168},[],{"uuid":170,"title":136,"description":171,"canonical_path":4,"image":172,"width":60,"height":61,"image_alt":139,"kind":63,"patterns":173,"component_categories":184,"app":187},"2d3ffee7-1f04-46f8-907c-2039b848adaa","Signup screen where the user enters their name, email, and password or authenticates with Google or Microsoft to start a 14-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2d3ffee7-1f04-46f8-907c-2039b848adaa.png",[174,176],{"id":142,"label":143,"slug":144,"rank":69,"group":175},{"id":71,"label":72,"slug":73},{"id":177,"label":178,"slug":179,"rank":71,"group":180},91,"Trial","trial",{"id":181,"label":182,"slug":183},9,"Plans & Limits","plans-and-limits",[185,186],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":136,"description":191,"canonical_path":4,"image":192,"width":60,"height":61,"image_alt":139,"kind":63,"patterns":193,"component_categories":205,"app":216},"bfccd369-974c-4982-945b-e03e3e849d63","Signup modal where the user enters their name, email, and password to start a 14-day free trial, with alternative options to sign up using Google or Microsoft.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfccd369-974c-4982-945b-e03e3e849d63.png",[194,196,198],{"id":142,"label":143,"slug":144,"rank":69,"group":195},{"id":71,"label":72,"slug":73},{"id":177,"label":178,"slug":179,"rank":71,"group":197},{"id":181,"label":182,"slug":183},{"id":199,"label":200,"slug":201,"rank":99,"group":202},42,"Form","form",{"id":66,"label":203,"slug":204},"Data & Analysis","data-and-analysis",[206,210,214,215],{"id":207,"title":208,"slug":209},233,"Tabs","tabs",{"id":211,"title":212,"slug":213},174,"Card","card",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":220,"description":221,"canonical_path":4,"image":222,"width":60,"height":61,"image_alt":223,"kind":63,"patterns":224,"component_categories":229,"app":231},"1a24f1bd-4945-49c3-861a-5b5a8b99a49f","Create account - Ortto","Onboarding modal where the user provides business details like name, website, contact number, and data hosting preference, currently displaying multiple form validation errors.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1a24f1bd-4945-49c3-861a-5b5a8b99a49f.png","Create account - Ortto from Ortto",[225,227],{"id":71,"label":147,"slug":148,"rank":69,"group":226},{"id":71,"label":72,"slug":73},{"id":91,"label":92,"slug":93,"rank":71,"group":228},{"id":95,"label":96,"slug":97},[230],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":220,"description":235,"canonical_path":4,"image":236,"width":60,"height":61,"image_alt":223,"kind":63,"patterns":237,"component_categories":242,"app":245},"dfd93522-8dbb-41d2-a9e6-cb498bc849b1","Onboarding step where the user finishes setting up their account by entering business details, contact information, and data hosting preferences over a blurred dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdfd93522-8dbb-41d2-a9e6-cb498bc849b1.png",[238,240],{"id":71,"label":147,"slug":148,"rank":69,"group":239},{"id":71,"label":72,"slug":73},{"id":142,"label":143,"slug":144,"rank":71,"group":241},{"id":71,"label":72,"slug":73},[243,244],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":246},[],{"uuid":248,"title":249,"description":250,"canonical_path":4,"image":251,"width":60,"height":61,"image_alt":252,"kind":63,"patterns":253,"component_categories":269,"app":271},"9754a138-1447-4df0-983d-cef8bcce7230","Home - Ortto","Onboarding dashboard where the user completes a setup checklist including connecting customer data, inviting their team, and creating a journey.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9754a138-1447-4df0-983d-cef8bcce7230.png","Home - Ortto from Ortto",[254,262,267],{"id":255,"label":256,"slug":257,"rank":69,"group":258},74,"Onboarding Checklist","onboarding-checklist",{"id":259,"label":260,"slug":261},7,"Onboarding & Education","onboarding-and-education",{"id":263,"label":264,"slug":265,"rank":71,"group":266},72,"Getting Started","getting-started",{"id":259,"label":260,"slug":261},{"id":177,"label":178,"slug":179,"rank":99,"group":268},{"id":181,"label":182,"slug":183},[270],{"id":211,"title":212,"slug":213},{"slug":30,"title":29,"logo":32,"categories":272},[],{"uuid":274,"title":249,"description":275,"canonical_path":4,"image":276,"width":60,"height":61,"image_alt":252,"kind":63,"patterns":277,"component_categories":295,"app":297},"94d8af2f-2e57-4a46-8348-902bb6274e63","Onboarding screen where the user completes a setup checklist including connecting customer data, creating a journey, and inviting their team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94d8af2f-2e57-4a46-8348-902bb6274e63.png",[278,280,282,289],{"id":255,"label":256,"slug":257,"rank":69,"group":279},{"id":259,"label":260,"slug":261},{"id":263,"label":264,"slug":265,"rank":71,"group":281},{"id":259,"label":260,"slug":261},{"id":283,"label":284,"slug":285,"rank":99,"group":286},133,"Invite Teammates","invite-teammates",{"id":99,"label":287,"slug":288},"Actions","actions",{"id":290,"label":291,"slug":292,"rank":293,"group":294},75,"Setup Wizard","setup-wizard",3,{"id":259,"label":260,"slug":261},[296],{"id":211,"title":212,"slug":213},{"slug":30,"title":29,"logo":32,"categories":298},[],[],[301,303,305,307,309,311,313,315,317,319,321,323,326,329,332,335,338,341,343,347,351,355],{"label":143,"to":302},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":147,"to":304},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":92,"to":306},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":100,"to":308},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":178,"to":310},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":264,"to":312},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":256,"to":314},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":200,"to":316},"\u002Fexamples\u002Fscreens\u002Fform",{"label":284,"to":318},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":291,"to":320},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":67,"to":322},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":324,"to":325},"Ortto marketing pages","\u002Fexamples\u002Fapps\u002Fortto\u002Fmarketing",{"label":327,"to":328},"Ortto user flows","\u002Fexamples\u002Fapps\u002Fortto\u002Fflows",{"label":330,"to":331},"Ortto UI components","\u002Fexamples\u002Fapps\u002Fortto\u002Fcomponents",{"label":333,"to":334},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":336,"to":337},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":339,"to":340},"SMS app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsms",{"label":342,"to":18},"All SaaS app examples",{"label":344,"to":345,"description":346},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":348,"to":349,"description":350},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":352,"to":353,"description":354},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":356,"to":357,"description":358},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":360,"updated_at":361},"2023-03-21T10:45:11.000Z","2026-09-13T13:02:39.000Z"]