[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fincident\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":365,"links":366,"dates":427},"\u002Fexamples\u002Fapps\u002Fincident\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Incident product screens examples - Nicelydone","Browse Incident screen design examples. Preview the interface screenshots and explore related UI patterns. Incident response for your whole organisation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd5653612-be0e-4962-9c3e-c278c92467c7.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},"Incident design examples","\u002Fexamples\u002Fapps\u002Fincident",{"label":23,"to":4},"Incident 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},"Incident","incident","Incident response for your whole organisation","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fincident-059b46b7.png","https:\u002F\u002Fincident.io",[35,39,43],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},16,"Monitoring","monitoring",{"id":44,"title":45,"slug":46},80,"Artificial Intelligence","artificial-intelligence",[48,77,109,143,162,185,204,231,257,293,323,343],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":75},"d5653612-be0e-4962-9c3e-c278c92467c7","incident.io","Sign-in screen where the user authenticates exclusively via Slack to access their workspace.",3072,1716,"incident.io from Incident","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67,71],{"id":68,"title":69,"slug":70},174,"Card","card",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":50,"description":79,"canonical_path":4,"image":80,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":81,"component_categories":100,"app":107},"6f9bf901-6879-4dc4-b636-7e8620689958","Signup step where the user initiates account creation by authenticating with Slack.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f9bf901-6879-4dc4-b636-7e8620689958.png",[82,87,91],{"id":83,"label":84,"slug":85,"rank":61,"group":86},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},{"id":63,"label":88,"slug":89,"rank":63,"group":90},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},{"id":92,"label":93,"slug":94,"rank":95,"group":96},75,"Setup Wizard","setup-wizard",2,{"id":97,"label":98,"slug":99},7,"Onboarding & Education","onboarding-and-education",[101,105,106],{"id":102,"title":103,"slug":104},227,"Stepper","stepper",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":50,"description":111,"canonical_path":4,"image":112,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":113,"component_categories":129,"app":141},"2f9b0ad6-49cd-42ef-a0a5-0ef61f4e5dca","Onboarding step where the user selects the tools their organization uses, such as Linear, Jira, and GitHub, to connect later.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f9b0ad6-49cd-42ef-a0a5-0ef61f4e5dca.png",[114,116,121],{"id":92,"label":93,"slug":94,"rank":61,"group":115},{"id":97,"label":98,"slug":99},{"id":117,"label":118,"slug":119,"rank":63,"group":120},74,"Onboarding Checklist","onboarding-checklist",{"id":97,"label":98,"slug":99},{"id":122,"label":123,"slug":124,"rank":95,"group":125},97,"Integrations","integrations",{"id":126,"label":127,"slug":128},10,"Settings & Admin","settings-and-admin",[130,131,132,136,140],{"id":102,"title":103,"slug":104},{"id":68,"title":69,"slug":70},{"id":133,"title":134,"slug":135},240,"Horizontal navigation","horizontal-navigation",{"id":137,"title":138,"slug":139},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":50,"description":145,"canonical_path":4,"image":146,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":147,"component_categories":154,"app":160},"e9abcc90-d6df-4a5e-a8a7-9d7b6af89080","Onboarding step where the user selects which tools their organization uses, such as Linear, Jira, or GitHub, to prepare for integration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe9abcc90-d6df-4a5e-a8a7-9d7b6af89080.png",[148,150,152],{"id":92,"label":93,"slug":94,"rank":61,"group":149},{"id":97,"label":98,"slug":99},{"id":122,"label":123,"slug":124,"rank":63,"group":151},{"id":126,"label":127,"slug":128},{"id":117,"label":118,"slug":119,"rank":95,"group":153},{"id":97,"label":98,"slug":99},[155,156,157,158,159],{"id":102,"title":103,"slug":104},{"id":68,"title":69,"slug":70},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":50,"description":164,"canonical_path":4,"image":165,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":166,"component_categories":177,"app":183},"43cceb61-1e61-4a1f-be72-d286af2857ee","Onboarding step where the user selects the tools their organization uses, such as Linear, Jira, and GitHub, to prepare for future integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F43cceb61-1e61-4a1f-be72-d286af2857ee.png",[167,169,171],{"id":92,"label":93,"slug":94,"rank":61,"group":168},{"id":97,"label":98,"slug":99},{"id":117,"label":118,"slug":119,"rank":63,"group":170},{"id":97,"label":98,"slug":99},{"id":97,"label":172,"slug":173,"rank":95,"group":174},"Add & Create","add-and-create",{"id":95,"label":175,"slug":176},"Actions","actions",[178,179,180,181,182],{"id":102,"title":103,"slug":104},{"id":68,"title":69,"slug":70},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":50,"description":187,"canonical_path":4,"image":188,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":189,"component_categories":196,"app":202},"4ba6df3d-0c48-4d53-a7a3-79731f0628c5","Onboarding step where the user connects their Slack workspace to the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4ba6df3d-0c48-4d53-a7a3-79731f0628c5.png",[190,192,194],{"id":92,"label":93,"slug":94,"rank":61,"group":191},{"id":97,"label":98,"slug":99},{"id":63,"label":88,"slug":89,"rank":63,"group":193},{"id":63,"label":64,"slug":65},{"id":122,"label":123,"slug":124,"rank":95,"group":195},{"id":126,"label":127,"slug":128},[197,198,199,200,201],{"id":102,"title":103,"slug":104},{"id":68,"title":69,"slug":70},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":50,"description":206,"canonical_path":4,"image":207,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":208,"component_categories":219,"app":229},"aa7ac8b9-56b2-435d-b678-aaf5f8eaf852","Onboarding success screen where the user is informed that a Slack channel for incidents has been created and is prompted to start a tutorial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa7ac8b9-56b2-435d-b678-aaf5f8eaf852.png",[209,211],{"id":117,"label":118,"slug":119,"rank":61,"group":210},{"id":97,"label":98,"slug":99},{"id":212,"label":213,"slug":214,"rank":63,"group":215},122,"Success","success",{"id":216,"label":217,"slug":218},12,"States & Feedback","states-and-feedback",[220,224,225,226,227,228],{"id":221,"title":222,"slug":223},260,"Badge","badge",{"id":102,"title":103,"slug":104},{"id":68,"title":69,"slug":70},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":230},[],{"uuid":232,"title":50,"description":233,"canonical_path":4,"image":234,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":235,"component_categories":245,"app":255},"a731a6d3-fa4d-43d8-ad02-7b2971531d1e","Onboarding step where the user has completed setup and is prompted to join their personal tutorial channel in Slack.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa731a6d3-fa4d-43d8-ad02-7b2971531d1e.png",[236,238,240],{"id":117,"label":118,"slug":119,"rank":61,"group":237},{"id":97,"label":98,"slug":99},{"id":212,"label":213,"slug":214,"rank":63,"group":239},{"id":216,"label":217,"slug":218},{"id":241,"label":242,"slug":243,"rank":95,"group":244},76,"Tutorial","tutorial",{"id":97,"label":98,"slug":99},[246,250,251,252,253,254],{"id":247,"title":248,"slug":249},284,"Modal","modal",{"id":221,"title":222,"slug":223},{"id":102,"title":103,"slug":104},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":256},[],{"uuid":258,"title":259,"description":260,"canonical_path":4,"image":261,"width":52,"height":262,"image_alt":263,"kind":55,"patterns":264,"component_categories":284,"app":291},"10d2c8c1-4e85-42ce-b55f-5e67e95b8388","INC-1 tutorial-daffodil-guinea","Detail page for an active incident showing its current status in a stepper, key details like severity and duration, and a timeline of updates, with prompts to create actions and follow-ups.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10d2c8c1-4e85-42ce-b55f-5e67e95b8388.png",3226,"INC-1 tutorial-daffodil-guinea from Incident",[265,273,279],{"id":266,"label":267,"slug":268,"rank":61,"group":269},85,"Tasks","tasks",{"id":270,"label":271,"slug":272},8,"Pages & Content","pages-and-content",{"id":36,"label":274,"slug":275,"rank":63,"group":276},"Timeline","timeline",{"id":58,"label":277,"slug":278},"Data & Analysis","data-and-analysis",{"id":280,"label":281,"slug":282,"rank":95,"group":283},114,"Confirmation","confirmation",{"id":216,"label":217,"slug":218},[285,286,287,288,289,290],{"id":221,"title":222,"slug":223},{"id":102,"title":103,"slug":104},{"id":68,"title":69,"slug":70},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":292},[],{"uuid":294,"title":295,"description":296,"canonical_path":4,"image":297,"width":52,"height":298,"image_alt":299,"kind":55,"patterns":300,"component_categories":315,"app":321},"e99cc016-20d1-4a88-b142-afae6daa10f4","Dashboard","Dashboard showing an empty state for live incidents and zeroed-out insight metrics with a placeholder chart.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe99cc016-20d1-4a88-b142-afae6daa10f4.png",2314,"Dashboard from Incident",[301,305,310],{"id":302,"label":295,"slug":303,"rank":61,"group":304},41,"dashboard",{"id":58,"label":277,"slug":278},{"id":306,"label":307,"slug":308,"rank":63,"group":309},115,"Empty State","empty-state",{"id":216,"label":217,"slug":218},{"id":311,"label":312,"slug":313,"rank":95,"group":314},46,"Stats","stats",{"id":58,"label":277,"slug":278},[316,317,318,319,320],{"id":221,"title":222,"slug":223},{"id":68,"title":69,"slug":70},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":322},[],{"uuid":324,"title":259,"description":325,"canonical_path":4,"image":326,"width":52,"height":53,"image_alt":263,"kind":55,"patterns":327,"component_categories":335,"app":341},"c1f8dabc-6e59-4b11-b483-5b5deb7d3cd2","Detail page where the user confirms closing an incident by reviewing the name, summary, and severity in a modal dialog.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc1f8dabc-6e59-4b11-b483-5b5deb7d3cd2.png",[328,330],{"id":280,"label":281,"slug":282,"rank":61,"group":329},{"id":216,"label":217,"slug":218},{"id":331,"label":332,"slug":333,"rank":63,"group":334},11,"Edit","edit",{"id":95,"label":175,"slug":176},[336,337,338,339,340],{"id":247,"title":248,"slug":249},{"id":221,"title":222,"slug":223},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":342},[],{"uuid":344,"title":259,"description":345,"canonical_path":4,"image":346,"width":52,"height":53,"image_alt":263,"kind":55,"patterns":347,"component_categories":357,"app":363},"c8c4c695-f95c-433d-b165-84453f0a728d","Detail page where the user confirms closing an incident by reviewing its name, summary, and severity in a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc8c4c695-f95c-433d-b165-84453f0a728d.png",[348,350,352],{"id":280,"label":281,"slug":282,"rank":61,"group":349},{"id":216,"label":217,"slug":218},{"id":331,"label":332,"slug":333,"rank":63,"group":351},{"id":95,"label":175,"slug":176},{"id":353,"label":354,"slug":355,"rank":95,"group":356},42,"Form","form",{"id":58,"label":277,"slug":278},[358,359,360,361,362],{"id":247,"title":248,"slug":249},{"id":221,"title":222,"slug":223},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":364},[],[],[367,369,371,373,375,377,379,381,383,385,387,389,391,394,397,400,403,406,409,411,415,419,423],{"label":118,"to":368},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":93,"to":370},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":281,"to":372},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":123,"to":374},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":88,"to":376},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":332,"to":378},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":213,"to":380},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":172,"to":382},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":295,"to":384},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":307,"to":386},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":354,"to":388},"\u002Fexamples\u002Fscreens\u002Fform",{"label":59,"to":390},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":392,"to":393},"Incident marketing pages","\u002Fexamples\u002Fapps\u002Fincident\u002Fmarketing",{"label":395,"to":396},"Incident user flows","\u002Fexamples\u002Fapps\u002Fincident\u002Fflows",{"label":398,"to":399},"Incident UI components","\u002Fexamples\u002Fapps\u002Fincident\u002Fcomponents",{"label":401,"to":402},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":404,"to":405},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":407,"to":408},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":410,"to":18},"All SaaS app examples",{"label":412,"to":413,"description":414},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":416,"to":417,"description":418},"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":420,"to":421,"description":422},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":424,"to":425,"description":426},"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":428,"updated_at":429},"2022-02-20T11:21:00.000Z","2026-09-13T13:02:39.000Z"]