incident.io

Item: incident.io
Rating: 7.7

AI-powered on-call, incident response and status pages.

incident.io Save page

7.7/10MABTU rating

DESKTOP · 1440 × 10,574/ ↗

MOBILE · 390

Section outline · Home

01bannerEvent announcement bar
02heroSerif headline, orange CTA, UI in orange gradient frame1,998
03logosTwo-row customer logo wall
04case studyQuote left, video card right588
05problemProblem/solution toggle with node diagram798
06platformSemicircle arc diagram of modules1,685
07featuresTabbed product cards with quotes and UI2,990
08testimonialsLogo grid, video story, G2 badges836
09ctaOrange gradient band, two buttons595
10footerLink columns on orange330

Rating · Home

Visual design8.2

UX & clarity7.8

Originality7.8

Craft & consistency8.0

Motion6.0

Performance & a11y7.7

This page scores 7.8; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

STK Bureau Serifheading · serif · self-hosted STK Bureau Sansbody · sans · self-hosted

Stack & style

Next.js jQuery React Tailwind CSS Sanity Swiper

Minimal Editorial Gradient-heavy Product-UI-led Hero video Logo cloud Marquee Review badges Sticky header Tabs Testimonial slider

Also: Vercel, Google Analytics, Google Tag Manager

Design DNA

Cream and white canvas with a soft serif display face for all headlines and a coral-orange pill button. Product UI sits inside rounded frames filled with a peach-to-orange gradient. A dense logo wall, a Zendesk case study with video, a node-and-line problem diagram, and a semicircle platform diagram in concentric orange arcs. Product areas (On-call, Investigations, Response, Status Pages) are tabbed cards with inline customer quotes. Awards badges lead into a full orange gradient CTA that melts into the footer.

Worth borrowing

Frame every product screenshot in a rounded panel filled with a peach-to-orange gradient.
Draw the platform as a semicircle of concentric arcs with modules placed around it.
Let the final CTA gradient bleed continuously into the footer.