[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fairfocus\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":315,"links":316,"dates":371},"\u002Fexamples\u002Fapps\u002Fairfocus\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Airfocus product screens examples - Nicelydone","Browse Airfocus screen design examples. Preview the interface screenshots and explore related UI patterns. A platform built for the new way of doing product…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fda8f6f9b-baf9-448b-a73c-0b6fec6dd6e0.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},"Airfocus design examples","\u002Fexamples\u002Fapps\u002Fairfocus",{"label":23,"to":4},"Airfocus product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Airfocus screen design examples. Preview the interface screenshots and explore related UI patterns. A platform built for the new way of doing product management",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Airfocus","airfocus","A platform built for the new way of doing product management","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairfocus-mb3vlipi.png","https:\u002F\u002Fairfocus.com",[36],{"id":37,"title":38,"slug":39},86,"Product management","product-management",[41,74,93,107,127,147,170,187,207,246,278,297],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":67,"app":72},"da8f6f9b-baf9-448b-a73c-0b6fec6dd6e0","Welcome to airfocus","Sign-in screen where the user enters their team name to route to their specific workspace subdomain.",3024,1674,"Welcome to airfocus from Airfocus","screen",[50,59],{"id":51,"label":52,"slug":53,"rank":54,"group":55},4,"Sign In","sign-in",0,{"id":56,"label":57,"slug":58},1,"Access & Account","access-and-account",{"id":60,"label":61,"slug":62,"rank":56,"group":63},104,"Team Management","team-management",{"id":64,"label":65,"slug":66},10,"Settings & Admin","settings-and-admin",[68],{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":43,"description":76,"canonical_path":4,"image":77,"width":45,"height":78,"image_alt":47,"kind":48,"patterns":79,"component_categories":89,"app":91},"71afd3f8-8268-43aa-ba73-5136c5e6e49d","Signup page where the user creates an account using Google or by providing their name, email, password, and a custom team workspace URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71afd3f8-8268-43aa-ba73-5136c5e6e49d.png",2054,[80,85],{"id":81,"label":82,"slug":83,"rank":54,"group":84},5,"Sign Up","sign-up",{"id":56,"label":57,"slug":58},{"id":56,"label":86,"slug":87,"rank":56,"group":88},"Account Setup","account-setup",{"id":56,"label":57,"slug":58},[90],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":92},[],{"uuid":94,"title":43,"description":95,"canonical_path":4,"image":96,"width":45,"height":97,"image_alt":47,"kind":48,"patterns":98,"component_categories":103,"app":105},"369c5b1f-17d7-483f-8c1e-e5aecd178eb9","Signup page where the user enters their details, team name, and password to start a 14-day free trial, with an option to connect via Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F369c5b1f-17d7-483f-8c1e-e5aecd178eb9.png",2044,[99,101],{"id":81,"label":82,"slug":83,"rank":54,"group":100},{"id":56,"label":57,"slug":58},{"id":56,"label":86,"slug":87,"rank":56,"group":102},{"id":56,"label":57,"slug":58},[104],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":43,"description":109,"canonical_path":4,"image":110,"width":45,"height":111,"image_alt":47,"kind":48,"patterns":112,"component_categories":123,"app":125},"b81e9e30-183f-4c4f-b577-509a8dea1cc6","Signup page where the user attempts to create an account with a team name that is already taken, triggering a prominent error banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb81e9e30-183f-4c4f-b577-509a8dea1cc6.png",2202,[113,115],{"id":81,"label":82,"slug":83,"rank":54,"group":114},{"id":56,"label":57,"slug":58},{"id":116,"label":117,"slug":118,"rank":56,"group":119},116,"Error","error",{"id":120,"label":121,"slug":122},12,"States & Feedback","states-and-feedback",[124],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":126},[],{"uuid":128,"title":43,"description":129,"canonical_path":4,"image":130,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":131,"component_categories":139,"app":145},"d3f5167d-a0ab-46a5-93fd-58d0f61828c5","Signup page where the user attempts to create a new workspace but encounters a validation error because the chosen team name is already taken.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd3f5167d-a0ab-46a5-93fd-58d0f61828c5.png",[132,134,136],{"id":81,"label":82,"slug":83,"rank":54,"group":133},{"id":56,"label":57,"slug":58},{"id":116,"label":117,"slug":118,"rank":56,"group":135},{"id":120,"label":121,"slug":122},{"id":56,"label":86,"slug":87,"rank":137,"group":138},2,{"id":56,"label":57,"slug":58},[140,144],{"id":141,"title":142,"slug":143},167,"Alert","alert",{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":31,"description":149,"canonical_path":4,"image":150,"width":45,"height":46,"image_alt":151,"kind":48,"patterns":152,"component_categories":163,"app":168},"eeb77025-06a7-42b5-a36c-0497c15f4b68","Onboarding step where the user sets up their account by selecting their company size, role, and entering a phone number.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feeb77025-06a7-42b5-a36c-0497c15f4b68.png","airfocus from Airfocus",[153,155],{"id":56,"label":86,"slug":87,"rank":54,"group":154},{"id":56,"label":57,"slug":58},{"id":156,"label":157,"slug":158,"rank":56,"group":159},75,"Setup Wizard","setup-wizard",{"id":160,"label":161,"slug":162},7,"Onboarding & Education","onboarding-and-education",[164],{"id":165,"title":166,"slug":167},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":31,"description":172,"canonical_path":4,"image":173,"width":45,"height":46,"image_alt":151,"kind":48,"patterns":174,"component_categories":182,"app":185},"24d9a752-dac3-4bb4-a3de-1e48c6f60f92","Onboarding step where the user selects their company size and role, and provides a phone number to set up their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F24d9a752-dac3-4bb4-a3de-1e48c6f60f92.png",[175,177],{"id":56,"label":86,"slug":87,"rank":54,"group":176},{"id":56,"label":57,"slug":58},{"id":178,"label":179,"slug":180,"rank":56,"group":181},74,"Onboarding Checklist","onboarding-checklist",{"id":160,"label":161,"slug":162},[183,184],{"id":165,"title":166,"slug":167},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":186},[],{"uuid":188,"title":31,"description":189,"canonical_path":4,"image":190,"width":45,"height":46,"image_alt":151,"kind":48,"patterns":191,"component_categories":198,"app":205},"2216211d-7724-4c77-bba8-e5999bcf4f57","Onboarding step where the user selects their primary use cases, such as building roadmaps or managing feedback, to customize their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2216211d-7724-4c77-bba8-e5999bcf4f57.png",[192,194,196],{"id":178,"label":179,"slug":180,"rank":54,"group":193},{"id":160,"label":161,"slug":162},{"id":156,"label":157,"slug":158,"rank":56,"group":195},{"id":160,"label":161,"slug":162},{"id":56,"label":86,"slug":87,"rank":137,"group":197},{"id":56,"label":57,"slug":58},[199,203,204],{"id":200,"title":201,"slug":202},174,"Card","card",{"id":165,"title":166,"slug":167},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":206},[],{"uuid":208,"title":31,"description":209,"canonical_path":4,"image":210,"width":45,"height":46,"image_alt":151,"kind":48,"patterns":211,"component_categories":236,"app":244},"d7dac664-430f-493a-a939-f639357f5205","Onboarding step where the user selects their primary use cases, such as building roadmaps or managing feedback, to configure their new workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd7dac664-430f-493a-a939-f639357f5205.png",[212,214,221,223,229],{"id":156,"label":157,"slug":158,"rank":54,"group":213},{"id":160,"label":161,"slug":162},{"id":215,"label":216,"slug":217,"rank":56,"group":218},23,"Select","select",{"id":137,"label":219,"slug":220},"Actions","actions",{"id":178,"label":179,"slug":180,"rank":137,"group":222},{"id":160,"label":161,"slug":162},{"id":224,"label":225,"slug":226,"rank":227,"group":228},72,"Getting Started","getting-started",3,{"id":160,"label":161,"slug":162},{"id":37,"label":230,"slug":231,"rank":51,"group":232},"Templates","templates",{"id":233,"label":234,"slug":235},8,"Pages & Content","pages-and-content",[237,241,242,243],{"id":238,"title":239,"slug":240},240,"Horizontal navigation","horizontal-navigation",{"id":200,"title":201,"slug":202},{"id":165,"title":166,"slug":167},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":245},[],{"uuid":247,"title":31,"description":248,"canonical_path":4,"image":249,"width":45,"height":46,"image_alt":151,"kind":48,"patterns":250,"component_categories":265,"app":276},"c46eb9a8-bdef-42aa-bf17-aedc50540795","Onboarding step where the user invites teammates by entering their email addresses and assigning roles like Administrator before finishing setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc46eb9a8-bdef-42aa-bf17-aedc50540795.png",[251,256,258,263],{"id":252,"label":253,"slug":254,"rank":54,"group":255},133,"Invite Teammates","invite-teammates",{"id":137,"label":219,"slug":220},{"id":60,"label":61,"slug":62,"rank":56,"group":257},{"id":64,"label":65,"slug":66},{"id":259,"label":260,"slug":261,"rank":137,"group":262},100,"Roles & Permissions","roles-and-permissions",{"id":64,"label":65,"slug":66},{"id":156,"label":157,"slug":158,"rank":227,"group":264},{"id":160,"label":161,"slug":162},[266,270,274,275],{"id":267,"title":268,"slug":269},233,"Tabs","tabs",{"id":271,"title":272,"slug":273},227,"Stepper","stepper",{"id":165,"title":166,"slug":167},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":277},[],{"uuid":279,"title":31,"description":280,"canonical_path":4,"image":281,"width":45,"height":46,"image_alt":151,"kind":48,"patterns":282,"component_categories":291,"app":295},"fd369fe2-97a6-4318-b7d9-46afd08c4291","Onboarding step where the user invites teammates by entering their email addresses and assigning roles like Contributor or Administrator.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd369fe2-97a6-4318-b7d9-46afd08c4291.png",[283,285,287,289],{"id":252,"label":253,"slug":254,"rank":54,"group":284},{"id":137,"label":219,"slug":220},{"id":60,"label":61,"slug":62,"rank":56,"group":286},{"id":64,"label":65,"slug":66},{"id":259,"label":260,"slug":261,"rank":137,"group":288},{"id":64,"label":65,"slug":66},{"id":156,"label":157,"slug":158,"rank":227,"group":290},{"id":160,"label":161,"slug":162},[292,293,294],{"id":271,"title":272,"slug":273},{"id":165,"title":166,"slug":167},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":296},[],{"uuid":298,"title":31,"description":280,"canonical_path":4,"image":299,"width":45,"height":46,"image_alt":151,"kind":48,"patterns":300,"component_categories":309,"app":313},"d3fcee02-2439-4f2d-b397-c4d8ea012339","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd3fcee02-2439-4f2d-b397-c4d8ea012339.png",[301,303,305,307],{"id":252,"label":253,"slug":254,"rank":54,"group":302},{"id":137,"label":219,"slug":220},{"id":60,"label":61,"slug":62,"rank":56,"group":304},{"id":64,"label":65,"slug":66},{"id":259,"label":260,"slug":261,"rank":137,"group":306},{"id":64,"label":65,"slug":66},{"id":156,"label":157,"slug":158,"rank":227,"group":308},{"id":160,"label":161,"slug":162},[310,311,312],{"id":271,"title":272,"slug":273},{"id":165,"title":166,"slug":167},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":314},[],[],[317,319,321,323,325,327,329,331,333,335,337,339,341,344,347,350,353,355,359,363,367],{"label":86,"to":318},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":157,"to":320},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":82,"to":322},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":61,"to":324},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":253,"to":326},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":179,"to":328},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":260,"to":330},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":117,"to":332},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":225,"to":334},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":216,"to":336},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":52,"to":338},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":230,"to":340},"\u002Fexamples\u002Fscreens\u002Ftemplates",{"label":342,"to":343},"Airfocus marketing pages","\u002Fexamples\u002Fapps\u002Fairfocus\u002Fmarketing",{"label":345,"to":346},"Airfocus user flows","\u002Fexamples\u002Fapps\u002Fairfocus\u002Fflows",{"label":348,"to":349},"Airfocus UI components","\u002Fexamples\u002Fapps\u002Fairfocus\u002Fcomponents",{"label":351,"to":352},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":354,"to":18},"All SaaS app examples",{"label":356,"to":357,"description":358},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":360,"to":361,"description":362},"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":364,"to":365,"description":366},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":368,"to":369,"description":370},"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":372,"updated_at":373},"2022-09-01T09:39:30.000Z","2026-09-13T13:02:39.000Z"]