Wiz

How it’s built

Layout

White hero has a large dark bold stacked heading and blue pill on the left, a blue line drawing of hands holding a globe on the right, and a black announcement strip above navigation.

Type

Heavy dark sans display heading, smaller gray supporting text and compact navigation.

Color and surface

White field, dark text, saturated blue illustration and pill, black top strip.

Components

Black announcement bar, navigation, left text and action, right blue line illustration, lower logo strip.

What makes it work

• Bold stacked heading
• blue pill
• blue line illustration
• black top strip

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

The Wiz desktop opening has a full navigation bar, a large three-line security headline with “Everything” in blue over a pink highlight, explanatory copy, email field and blue Get a demo button. A blue line-art security illustration occupies the right half; trust text and customer logos follow. At actual scrollY=750 the page shows review badges, a rating and a customer-positioning chart beneath the navigation. Tablet and phone captures condense navigation and stack hero content.

Responsive

At 1440×1000 the desktop nav spans the top, copy and email CTA sit left of the large illustration, and two rows of customer logos appear below. At 768×1024 the nav collapses to logo/search/menu; heading and paragraph sit left of a smaller right-side illustration, with logos below. At 390×844 the heading and text precede full-width email and CTA controls, and the illustration appears further down; only its upper portion is in view. Three sampled widths do not define breakpoints.

Scroll

At actual scrollY=750 in a 1440×11594 document, the top navigation remains visible above a reviews section with award badges, star rating, review count, a customer-positioning plot and the start of a pink illustrated section. This single saved position does not establish fixed navigation behavior.