[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fincident":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":378,"dates":398},"\u002Fexamples\u002Fapps\u002Fincident","detail","apps",true,{"title":9,"description":10,"og_image":11},"Incident design examples - Nicelydone","Explore Incident UI design examples. Incident response for your whole organisation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd5653612-be0e-4962-9c3e-c278c92467c7.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Incident design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Incident",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fincident\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fincident\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Incident","incident","Incident response for your whole organisation","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fincident-059b46b7.png","https:\u002F\u002Fincident.io",[41,45,49],{"id":42,"title":43,"slug":44},48,"Developer Tools","developer-tools",{"id":46,"title":47,"slug":48},16,"Monitoring","monitoring",{"id":50,"title":51,"slug":52},80,"Artificial Intelligence","artificial-intelligence",[],[55,375],{"family":56,"examples":57},"screens",[58,87,119,153,172,195,214,241,267,303,333,353],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":76,"app":85},"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",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",0,{"id":73,"label":74,"slug":75},1,"Access & Account","access-and-account",[77,81],{"id":78,"title":79,"slug":80},174,"Card","card",{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":86},[],{"uuid":88,"title":60,"description":89,"canonical_path":29,"image":90,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":91,"component_categories":110,"app":117},"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",[92,97,101],{"id":93,"label":94,"slug":95,"rank":71,"group":96},5,"Sign Up","sign-up",{"id":73,"label":74,"slug":75},{"id":73,"label":98,"slug":99,"rank":73,"group":100},"Account Setup","account-setup",{"id":73,"label":74,"slug":75},{"id":102,"label":103,"slug":104,"rank":105,"group":106},75,"Setup Wizard","setup-wizard",2,{"id":107,"label":108,"slug":109},7,"Onboarding & Education","onboarding-and-education",[111,115,116],{"id":112,"title":113,"slug":114},227,"Stepper","stepper",{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":118},[],{"uuid":120,"title":60,"description":121,"canonical_path":29,"image":122,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":123,"component_categories":139,"app":151},"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",[124,126,131],{"id":102,"label":103,"slug":104,"rank":71,"group":125},{"id":107,"label":108,"slug":109},{"id":127,"label":128,"slug":129,"rank":73,"group":130},74,"Onboarding Checklist","onboarding-checklist",{"id":107,"label":108,"slug":109},{"id":132,"label":133,"slug":134,"rank":105,"group":135},97,"Integrations","integrations",{"id":136,"label":137,"slug":138},10,"Settings & Admin","settings-and-admin",[140,141,142,146,150],{"id":112,"title":113,"slug":114},{"id":78,"title":79,"slug":80},{"id":143,"title":144,"slug":145},240,"Horizontal navigation","horizontal-navigation",{"id":147,"title":148,"slug":149},169,"Avatar","avatar",{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":152},[],{"uuid":154,"title":60,"description":155,"canonical_path":29,"image":156,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":157,"component_categories":164,"app":170},"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",[158,160,162],{"id":102,"label":103,"slug":104,"rank":71,"group":159},{"id":107,"label":108,"slug":109},{"id":132,"label":133,"slug":134,"rank":73,"group":161},{"id":136,"label":137,"slug":138},{"id":127,"label":128,"slug":129,"rank":105,"group":163},{"id":107,"label":108,"slug":109},[165,166,167,168,169],{"id":112,"title":113,"slug":114},{"id":78,"title":79,"slug":80},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":171},[],{"uuid":173,"title":60,"description":174,"canonical_path":29,"image":175,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":176,"component_categories":187,"app":193},"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",[177,179,181],{"id":102,"label":103,"slug":104,"rank":71,"group":178},{"id":107,"label":108,"slug":109},{"id":127,"label":128,"slug":129,"rank":73,"group":180},{"id":107,"label":108,"slug":109},{"id":107,"label":182,"slug":183,"rank":105,"group":184},"Add & Create","add-and-create",{"id":105,"label":185,"slug":186},"Actions","actions",[188,189,190,191,192],{"id":112,"title":113,"slug":114},{"id":78,"title":79,"slug":80},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":194},[],{"uuid":196,"title":60,"description":197,"canonical_path":29,"image":198,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":199,"component_categories":206,"app":212},"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",[200,202,204],{"id":102,"label":103,"slug":104,"rank":71,"group":201},{"id":107,"label":108,"slug":109},{"id":73,"label":98,"slug":99,"rank":73,"group":203},{"id":73,"label":74,"slug":75},{"id":132,"label":133,"slug":134,"rank":105,"group":205},{"id":136,"label":137,"slug":138},[207,208,209,210,211],{"id":112,"title":113,"slug":114},{"id":78,"title":79,"slug":80},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":213},[],{"uuid":215,"title":60,"description":216,"canonical_path":29,"image":217,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":218,"component_categories":229,"app":239},"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",[219,221],{"id":127,"label":128,"slug":129,"rank":71,"group":220},{"id":107,"label":108,"slug":109},{"id":222,"label":223,"slug":224,"rank":73,"group":225},122,"Success","success",{"id":226,"label":227,"slug":228},12,"States & Feedback","states-and-feedback",[230,234,235,236,237,238],{"id":231,"title":232,"slug":233},260,"Badge","badge",{"id":112,"title":113,"slug":114},{"id":78,"title":79,"slug":80},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":240},[],{"uuid":242,"title":60,"description":243,"canonical_path":29,"image":244,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":245,"component_categories":255,"app":265},"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",[246,248,250],{"id":127,"label":128,"slug":129,"rank":71,"group":247},{"id":107,"label":108,"slug":109},{"id":222,"label":223,"slug":224,"rank":73,"group":249},{"id":226,"label":227,"slug":228},{"id":251,"label":252,"slug":253,"rank":105,"group":254},76,"Tutorial","tutorial",{"id":107,"label":108,"slug":109},[256,260,261,262,263,264],{"id":257,"title":258,"slug":259},284,"Modal","modal",{"id":231,"title":232,"slug":233},{"id":112,"title":113,"slug":114},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":266},[],{"uuid":268,"title":269,"description":270,"canonical_path":29,"image":271,"width":62,"height":272,"image_alt":273,"kind":65,"patterns":274,"component_categories":294,"app":301},"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",[275,283,289],{"id":276,"label":277,"slug":278,"rank":71,"group":279},85,"Tasks","tasks",{"id":280,"label":281,"slug":282},8,"Pages & Content","pages-and-content",{"id":42,"label":284,"slug":285,"rank":73,"group":286},"Timeline","timeline",{"id":68,"label":287,"slug":288},"Data & Analysis","data-and-analysis",{"id":290,"label":291,"slug":292,"rank":105,"group":293},114,"Confirmation","confirmation",{"id":226,"label":227,"slug":228},[295,296,297,298,299,300],{"id":231,"title":232,"slug":233},{"id":112,"title":113,"slug":114},{"id":78,"title":79,"slug":80},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":302},[],{"uuid":304,"title":305,"description":306,"canonical_path":29,"image":307,"width":62,"height":308,"image_alt":309,"kind":65,"patterns":310,"component_categories":325,"app":331},"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",[311,315,320],{"id":312,"label":305,"slug":313,"rank":71,"group":314},41,"dashboard",{"id":68,"label":287,"slug":288},{"id":316,"label":317,"slug":318,"rank":73,"group":319},115,"Empty State","empty-state",{"id":226,"label":227,"slug":228},{"id":321,"label":322,"slug":323,"rank":105,"group":324},46,"Stats","stats",{"id":68,"label":287,"slug":288},[326,327,328,329,330],{"id":231,"title":232,"slug":233},{"id":78,"title":79,"slug":80},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":332},[],{"uuid":334,"title":269,"description":335,"canonical_path":29,"image":336,"width":62,"height":63,"image_alt":273,"kind":65,"patterns":337,"component_categories":345,"app":351},"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",[338,340],{"id":290,"label":291,"slug":292,"rank":71,"group":339},{"id":226,"label":227,"slug":228},{"id":341,"label":342,"slug":343,"rank":73,"group":344},11,"Edit","edit",{"id":105,"label":185,"slug":186},[346,347,348,349,350],{"id":257,"title":258,"slug":259},{"id":231,"title":232,"slug":233},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":352},[],{"uuid":354,"title":269,"description":355,"canonical_path":29,"image":356,"width":62,"height":63,"image_alt":273,"kind":65,"patterns":357,"component_categories":367,"app":373},"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",[358,360,362],{"id":290,"label":291,"slug":292,"rank":71,"group":359},{"id":226,"label":227,"slug":228},{"id":341,"label":342,"slug":343,"rank":73,"group":361},{"id":105,"label":185,"slug":186},{"id":363,"label":364,"slug":365,"rank":105,"group":366},42,"Form","form",{"id":68,"label":287,"slug":288},[368,369,370,371,372],{"id":257,"title":258,"slug":259},{"id":231,"title":232,"slug":233},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":374},[],{"family":376,"examples":377},"pages",[],[379,381,383,386,389,392,395],{"label":380,"to":29},"Incident product screens",{"label":382,"to":32},"Incident marketing pages",{"label":384,"to":385},"Incident user flows","\u002Fexamples\u002Fapps\u002Fincident\u002Fflows",{"label":387,"to":388},"Incident UI components","\u002Fexamples\u002Fapps\u002Fincident\u002Fcomponents",{"label":390,"to":391},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":393,"to":394},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":396,"to":397},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":399,"updated_at":400},"2022-02-20T11:21:00.000Z","2026-09-13T13:02:39.000Z"]