Skip to content
BetaFree MCP server

Incident

incident.io/

incident.io is an AI-assisted incident management platform covering on-call scheduling, root cause investigation, incident response coordination, and customer status pages in one system, built around an internal model it calls Nexus. The headline "With great product, comes great reliability" sits above a customer carousel featuring Netflix, Etsy, and Zendesk, with Zendesk's case study citing rollout across 1,200+ engineers. Each of the platform's four modules gets its own dedicated section paired with a customer quote rather than being listed together as generic features. The closing section header, "So good, you'll break things on purpose," is a distinctly playful sign-off for a product built around outages.

Category
Engineering & Infrastructure
Style
LightColorful
Stack
Next.jsTailwind CSS
Fonts
STKBureauSerifSTKBureauSans
Palette
Meta title
AI software reliability platform | incident.io
Sections
6
Updated

Incident's landing page, section by section

Each section below is cropped straight from Incident's live page — useful references for engineering & infrastructure landing page design.

Incident design review: how the homepage is built

The page runs 10,574 pixels tall and is built in the order hero, logo wall, Zendesk case study, problem and solution toggle, platform diagram, Nexus band, tabbed feature panels, review block and closing call to action. The palette is built on orange-red (#f25533) with a cream (#f7e2cc) tint and navy (#18192b) text. Display headings use the serif face STKBureauSerif, with STKBureauSans as a second display face. The brand shown is incident.io, which matches the metadata name. Orange sections alternate with white and cream panels. Most sections use a single centred column.

Above the fold

A thin announcement bar reads "Investigations is now live! Learn more" above the header. A centred serif headline about product and reliability sits over a grey subhead on investigating and preventing incidents. Two buttons follow: an orange "Get a demo" and a cream "Start a free trial". The header lists "Products", "Solutions", "Resources", "Customers", "Pricing" and "Careers". The fold ends with a product screenshot showing a chat thread titled "#inc-22189-checkout-service-returning-5-server-errors".

Logo wall, Zendesk case study and problem and solution toggle

Two rows of customer logos follow, including "NETFLIX", "Linear", "Vercel" and "Notion". A Zendesk case study headed "How Zendesk ditched 15 years of patchwork tooling, in 10 weeks" sits beside a quote from "Anna Roussanova", Engineering Manager. A "Watch video" pill sits on a grey panel. A "Problem" and "Solution" toggle introduces "Humans and agents, working in lockstep.", with four white cards marked "Resolved" under an "All systems operational" pill.

Platform diagram, Nexus band and feature panels

A concentric diagram headed "Meet the platform keeping the world's software running" places "incident.io agent" at the top, with "Slack", "Teams", "Mobile" and "Desktop" around it. The orange band below is headed "Built on the power of Nexus" and holds four white cards. "Move fast when you break things" opens tabbed feature panels, including "On-call gets the right people in the room" with a Fin quote from Brian Scanlan.

Customer proof and closing panel

A "Built for teams where downtime isn't an option" block sits beside a video card, with Zendesk, Netflix, Etsy, Skyscanner, Vanta and Fin logo tiles. Badges read "Momentum Leader", "High Performer" and "Best Support". The closing orange panel reads "So good, you'll break things on purpose" above "Talk to an expert" and "Start a free trial" buttons. The footer has Product, Learn and Company columns.

On mobile

At 390px the hero stacks, with the orange "Get a demo" button above "Start a free trial". Logos wrap into rows of three. The Zendesk case study sits in one column above a grey video block, and the Problem and Solution section becomes a stacked diagram. The Nexus cards fall into a single column of four, and the feature panels go to one column.

Worth borrowing

  • A Problem and Solution toggle lets one section show the cost of an incident and the fix in the same space.
  • Four white cards on an orange band turn a product feature into short, scannable proof points.
  • A stacked video card behind a customer case study makes a single story look like a set.
Firecrawl landing page design
Firecrawl
Engineering & Infrastructurefirecrawl.dev/
Elevenlabs landing page design
Elevenlabs
Engineering & Infrastructureelevenlabs.io/
Exa landing page design
Exa
Engineering & Infrastructureexa.ai/
Browserbase landing page design
Browserbase
Engineering & Infrastructurebrowserbase.com/
Weaveos landing page design
Weaveos
Engineering & Infrastructureweaveos.com/
Tailscale landing page design
Tailscale
Engineering & Infrastructuretailscale.com/