[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbetter-stack":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":57,"showcases":58,"links":393,"dates":412},"\u002Fexamples\u002Fapps\u002Fbetter-stack","detail","apps",true,{"title":9,"description":10,"og_image":11},"Better Stack design examples - Nicelydone","Explore Better Stack UI design examples. Radically Better Observability Stack","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb72f893b-8f3f-4837-b67d-22daf2baae81.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Better Stack design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Better Stack",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fbetter-stack\u002Fscreens",{"label":31,"to":32},"UI components","\u002Fexamples\u002Fapps\u002Fbetter-stack\u002Fcomponents",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fbetter-stack\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":43,"categories":44},"Better Stack","better-stack","Radically Better Observability Stack","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbetter-stack-49a6560c.png","https:\u002F\u002Fbetterstack.com","BetterStackHQ",[45,49,53],{"id":46,"title":47,"slug":48},16,"Monitoring","monitoring",{"id":50,"title":51,"slug":52},48,"Developer Tools","developer-tools",{"id":54,"title":55,"slug":56},80,"Artificial Intelligence","artificial-intelligence",[],[59,387,390],{"family":60,"examples":61},"screens",[62,87,103,118,139,163,193,227,256,291,330,354],{"uuid":63,"title":64,"description":65,"canonical_path":29,"image":11,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":70,"component_categories":80,"app":85},"b72f893b-8f3f-4837-b67d-22daf2baae81","Sign up | Better Uptime","Sign-up screen where the user creates an account by providing their work email, a target URL to monitor, and a phone number.",3024,1738,"Sign up | Better Uptime from Better Stack","screen",[71],{"id":72,"label":73,"slug":74,"rank":75,"group":76},5,"Sign Up","sign-up",0,{"id":77,"label":78,"slug":79},1,"Access & Account","access-and-account",[81],{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":29,"image":91,"width":66,"height":67,"image_alt":92,"kind":69,"patterns":93,"component_categories":99,"app":101},"33c2d9a1-7027-4c67-aa9a-29af1e2271d4","Sign in | Better Uptime","Sign-in screen where the user authenticates via a magic link sent to their work email, with secondary options to use a password or SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F33c2d9a1-7027-4c67-aa9a-29af1e2271d4.png","Sign in | Better Uptime from Better Stack",[94],{"id":95,"label":96,"slug":97,"rank":75,"group":98},4,"Sign In","sign-in",{"id":77,"label":78,"slug":79},[100],{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":102},[],{"uuid":104,"title":89,"description":105,"canonical_path":29,"image":106,"width":66,"height":67,"image_alt":92,"kind":69,"patterns":107,"component_categories":110,"app":116},"3486d7c3-b3b2-4411-ae02-f3b8d6b7ff4a","Sign-in screen where the user authenticates with an email and password, a magic link, or single sign-on.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3486d7c3-b3b2-4411-ae02-f3b8d6b7ff4a.png",[108],{"id":95,"label":96,"slug":97,"rank":75,"group":109},{"id":77,"label":78,"slug":79},[111,115],{"id":112,"title":113,"slug":114},169,"Avatar","avatar",{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":117},[],{"uuid":119,"title":120,"description":121,"canonical_path":29,"image":122,"width":66,"height":67,"image_alt":123,"kind":69,"patterns":124,"component_categories":135,"app":137},"1d95277c-934d-4a53-8d64-963a30a3f284","Single sign-on | Better Uptime","Sign-in screen where the user authenticates via Single Sign-On using Google or Okta.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d95277c-934d-4a53-8d64-963a30a3f284.png","Single sign-on | Better Uptime from Better Stack",[125,127],{"id":95,"label":96,"slug":97,"rank":75,"group":126},{"id":77,"label":78,"slug":79},{"id":128,"label":129,"slug":130,"rank":77,"group":131},103,"SSO","sso",{"id":132,"label":133,"slug":134},10,"Settings & Admin","settings-and-admin",[136],{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":29,"image":143,"width":66,"height":67,"image_alt":144,"kind":69,"patterns":145,"component_categories":155,"app":161},"7dc23ea1-67cd-4603-bb8d-ea7abfbfd568","Check your inbox | Better Uptime","Verification screen prompting the user to check their inbox for a magic link, providing quick shortcuts to common email clients.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7dc23ea1-67cd-4603-bb8d-ea7abfbfd568.png","Check your inbox | Better Uptime from Better Stack",[146,151],{"id":147,"label":148,"slug":149,"rank":75,"group":150},6,"Verification","verification",{"id":77,"label":78,"slug":79},{"id":77,"label":152,"slug":153,"rank":77,"group":154},"Account Setup","account-setup",{"id":77,"label":78,"slug":79},[156,160],{"id":157,"title":158,"slug":159},277,"Button group","button-group",{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":29,"image":167,"width":66,"height":168,"image_alt":169,"kind":69,"patterns":170,"component_categories":181,"app":191},"b86bfff3-505e-49cb-92a7-21bfb423f3bf","Lets get to know each other | Better Uptime","Onboarding step where the user provides their name, phone number, and organization, and chooses whether to receive a test alert.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb86bfff3-505e-49cb-92a7-21bfb423f3bf.png",1866,"Lets get to know each other | Better Uptime from Better Stack",[171,173],{"id":77,"label":152,"slug":153,"rank":75,"group":172},{"id":77,"label":78,"slug":79},{"id":174,"label":175,"slug":176,"rank":77,"group":177},75,"Setup Wizard","setup-wizard",{"id":178,"label":179,"slug":180},7,"Onboarding & Education","onboarding-and-education",[182,186,190],{"id":183,"title":184,"slug":185},240,"Horizontal navigation","horizontal-navigation",{"id":187,"title":188,"slug":189},227,"Stepper","stepper",{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":192},[],{"uuid":194,"title":165,"description":195,"canonical_path":29,"image":196,"width":66,"height":197,"image_alt":169,"kind":69,"patterns":198,"component_categories":218,"app":225},"9b0c9ac3-0f42-438f-8c6d-5aa613a17605","Onboarding step where the user provides their name and phone number to receive a test alert, currently blocked by a validation error on the phone number field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b0c9ac3-0f42-438f-8c6d-5aa613a17605.png",1848,[199,207,215],{"id":200,"label":201,"slug":202,"rank":75,"group":203},3,"Profile","profile",{"id":204,"label":205,"slug":206},11,"Social & Collaboration","social-and-collaboration",{"id":208,"label":209,"slug":210,"rank":77,"group":211},116,"Error","error",{"id":212,"label":213,"slug":214},12,"States & Feedback","states-and-feedback",{"id":174,"label":175,"slug":176,"rank":216,"group":217},2,{"id":178,"label":179,"slug":180},[219,223,224],{"id":220,"title":221,"slug":222},167,"Alert","alert",{"id":187,"title":188,"slug":189},{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":226},[],{"uuid":228,"title":229,"description":230,"canonical_path":29,"image":231,"width":66,"height":67,"image_alt":232,"kind":69,"patterns":233,"component_categories":250,"app":254},"998a4763-9a0e-4175-a6ec-3c20c53921ec","Invite colleagues | Better Uptime","Onboarding step where the user invites colleagues by email to configure their on-call schedule.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F998a4763-9a0e-4175-a6ec-3c20c53921ec.png","Invite colleagues | Better Uptime from Better Stack",[234,241,246,248],{"id":235,"label":236,"slug":237,"rank":75,"group":238},133,"Invite Teammates","invite-teammates",{"id":216,"label":239,"slug":240},"Actions","actions",{"id":242,"label":243,"slug":244,"rank":77,"group":245},104,"Team Management","team-management",{"id":132,"label":133,"slug":134},{"id":174,"label":175,"slug":176,"rank":216,"group":247},{"id":178,"label":179,"slug":180},{"id":77,"label":152,"slug":153,"rank":200,"group":249},{"id":77,"label":78,"slug":79},[251,252,253],{"id":183,"title":184,"slug":185},{"id":187,"title":188,"slug":189},{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":255},[],{"uuid":257,"title":258,"description":259,"canonical_path":29,"image":260,"width":66,"height":67,"image_alt":261,"kind":69,"patterns":262,"component_categories":286,"app":289},"3f196923-b746-4cec-9ff5-2978f4b9aa46","Activate | Better Uptime","Checkout screen where the user enters their credit card details to activate a paid plan, with options to switch to yearly billing or fall back to a free plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f196923-b746-4cec-9ff5-2978f4b9aa46.png","Activate | Better Uptime from Better Stack",[263,271,276,284],{"id":264,"label":265,"slug":266,"rank":75,"group":267},130,"Checkout","checkout",{"id":268,"label":269,"slug":270},14,"Payments & Checkout","payments-and-checkout",{"id":272,"label":273,"slug":274,"rank":77,"group":275},131,"Payment Form","payment-form",{"id":268,"label":269,"slug":270},{"id":277,"label":278,"slug":279,"rank":216,"group":280},89,"Pricing","pricing",{"id":281,"label":282,"slug":283},9,"Plans & Limits","plans-and-limits",{"id":77,"label":152,"slug":153,"rank":200,"group":285},{"id":77,"label":78,"slug":79},[287,288],{"id":187,"title":188,"slug":189},{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":290},[],{"uuid":292,"title":293,"description":294,"canonical_path":29,"image":295,"width":66,"height":296,"image_alt":297,"kind":69,"patterns":298,"component_categories":316,"app":328},"8f338fbe-7378-43a2-8972-e6d89b2896f4","nicelydone.club | Better Uptime","Detail page where the user views uptime metrics, response time charts, and historical availability for a specific monitor.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f338fbe-7378-43a2-8972-e6d89b2896f4.png",2846,"nicelydone.club | Better Uptime from Better Stack",[299,306,311],{"id":300,"label":301,"slug":302,"rank":75,"group":303},41,"Dashboard","dashboard",{"id":95,"label":304,"slug":305},"Data & Analysis","data-and-analysis",{"id":307,"label":308,"slug":309,"rank":77,"group":310},40,"Charts","charts",{"id":95,"label":304,"slug":305},{"id":312,"label":313,"slug":314,"rank":216,"group":315},47,"Table","table",{"id":95,"label":304,"slug":305},[317,321,322,326,327],{"id":318,"title":319,"slug":320},177,"Breadcrumb","breadcrumb",{"id":157,"title":158,"slug":159},{"id":323,"title":324,"slug":325},260,"Badge","badge",{"id":112,"title":113,"slug":114},{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":329},[],{"uuid":331,"title":332,"description":333,"canonical_path":29,"image":334,"width":66,"height":335,"image_alt":336,"kind":69,"patterns":337,"component_categories":347,"app":352},"9cee5ca7-59aa-4ae1-af97-dea77fe29e57","Whos on-call | Better Uptime","Empty state for the on-call feature where the user is prompted to configure their first schedule to notify the team during incidents.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9cee5ca7-59aa-4ae1-af97-dea77fe29e57.png",2024,"Whos on-call | Better Uptime from Better Stack",[338,343,345],{"id":339,"label":340,"slug":341,"rank":75,"group":342},115,"Empty State","empty-state",{"id":212,"label":213,"slug":214},{"id":242,"label":243,"slug":244,"rank":77,"group":344},{"id":132,"label":133,"slug":134},{"id":174,"label":175,"slug":176,"rank":216,"group":346},{"id":178,"label":179,"slug":180},[348,349,350,351],{"id":183,"title":184,"slug":185},{"id":323,"title":324,"slug":325},{"id":112,"title":113,"slug":114},{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":353},[],{"uuid":355,"title":356,"description":357,"canonical_path":29,"image":358,"width":66,"height":359,"image_alt":360,"kind":69,"patterns":361,"component_categories":376,"app":385},"9ee0ea8a-e41b-47a8-8dbd-63dfccd944cf","On-call calendar | Better Uptime","Settings page where the user configures their on-call rotation by choosing between a native browser schedule or connecting an existing Google, Outlook, or other calendar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9ee0ea8a-e41b-47a8-8dbd-63dfccd944cf.png",1822,"On-call calendar | Better Uptime from Better Stack",[362,367,374],{"id":363,"label":364,"slug":365,"rank":75,"group":366},97,"Integrations","integrations",{"id":132,"label":133,"slug":134},{"id":368,"label":369,"slug":370,"rank":77,"group":371},51,"Calendar","calendar",{"id":72,"label":372,"slug":373},"Media & Tools","media-and-tools",{"id":242,"label":243,"slug":244,"rank":216,"group":375},{"id":132,"label":133,"slug":134},[377,381,382,383,384],{"id":378,"title":379,"slug":380},174,"Card","card",{"id":318,"title":319,"slug":320},{"id":323,"title":324,"slug":325},{"id":112,"title":113,"slug":114},{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":386},[],{"family":388,"examples":389},"components",[],{"family":391,"examples":392},"pages",[],[394,396,398,401,403,406,409],{"label":395,"to":29},"Better Stack product screens",{"label":397,"to":35},"Better Stack marketing pages",{"label":399,"to":400},"Better Stack user flows","\u002Fexamples\u002Fapps\u002Fbetter-stack\u002Fflows",{"label":402,"to":32},"Better Stack UI components",{"label":404,"to":405},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":407,"to":408},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":410,"to":411},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":413,"updated_at":414},"2022-11-07T06:14:53.000Z","2026-09-14T00:10:22.000Z"]