rootly.com/

Rootly

rootly.com/

Rootly is an incident management platform combining on-call scheduling, automated incident response, and AI-driven root cause analysis, positioned directly against PagerDuty and Opsgenie. Its top banner is built around a competitor's shutdown: "Atlassian is shutting down Opsgenie and we've made it even easier to switch to Rootly," with a stated contract buyout and migration handled for the customer. Pricing and capability claims are stated as direct ratios rather than generic superlatives — "1/2 the price" for "quadruple the capability" — and the page backs this with over a dozen customer case studies carrying named engineering leaders, plus multiple G2 award badges, rather than a single generic quote block.

Visit website

Category

Engineering & Infrastructure

Style

Light Colorful

Stack

Webflow

Fonts

Ppmori

Palette

Meta title

AI-native incident management platform | Rootly

Sections

Updated

Oct 10, 2026

Rootly's landing page, section by section

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

Rootly design review: how the homepage is built

The homepage runs 9,958 pixels at desktop width: promo banner, navigation, centered hero, a PagerDuty switching panel, five feature blocks, a values grid, review badges, a closing banner and a black footer. Colour comes from a painted lavender and orange mountain backdrop reused behind the hero, panels and screenshots, with detected values #3e4361, #5c6ac8, #8688d9, #db9b88 and #e8cac6 appearing as indigo text, purple tints and peach accents. The display typeface is Ppmori. Distinctive for an engineering tool: interfaces sit on landscape art, and the wordmark pairs a sans "rootly" with an italic serif "ai".

Above the fold

A dark banner announces that Opsgenie is shutting down. The nav holds five items, a "Switch from PagerDuty" pill, "Log in" and a black "Book a demo". The headline "AI for on-call and incident response." leads to two buttons, "Get started for free" and "Book a demo", then two rows of faded customer logos. A calendar, Slack message and phone mockup overlap and dissolve into white.

Switching panel and AI SRE block

A purple panel titled "There's never been a better time to switch from PagerDuty." holds four pale cards: "1/2 the price", "Contract buyout", "Migrated for you" and "99.99%". The first feature block follows, with an "AI SRE" pill, a two-line headline, a right-aligned description linking to "Explore AI SRE", and a framed root cause screenshot with a code diff, closed by a customer quote.

On-call, response, retrospectives and status page

Four more blocks reuse the template: tag pill, headline, small description, four progress dashes captioned "Alerting" or similar, screenshot, then a quote with photo and logo from Tripadvisor, replit or Webflow. The alert list shows integration icons joined by lines to an incident table. "Keep your customers informed." swaps the card for a monitor mockup showing "All systems operational" and uptime bars.

Closing section and footer

"The Rootly Philosophy" shows four cards, from "Opinionated defaults" to "Scales as you do", plus a wide "Extensible by design" card with 18 integration icons. A pale band holds scrolling G2 badges and a testimonial card. The closing banner repeats the mountain art with "You and your teams deserve modern incident management." and both buttons. The black footer has a newsletter field, four link columns and an oversized logo.

On mobile

At 390px the page is 9,858 pixels, nearly the desktop length. The nav collapses away, leaving the headline and both buttons. Logo rows crop at the edges. The switching and philosophy cards stack in single columns, and each feature block puts the description under the headline with the screenshot below. Dashboard text shrinks until unreadable, while headlines and buttons stay legible. Footer columns become one long list.

Worth borrowing

Repeating one template of pill, headline, caption dashes, screenshot and quote makes five features read as one sequence.
Product mockups over a painted landscape give dense screenshots a shared backdrop tied to the hero.
A switching panel of four short claims, such as "1/2 the price", puts the buying argument before feature detail.