NEW Minds

How it’s built

Layout

A dark presentation graphic has a large white two-line headline above an inset image of a dark rounded software page. The inset contains a left gradient-accented headline, top capsule navigation and right orbital graphic. Page membership of the exterior title is uncertain.

Type

Large regular white sans in outer presentation; inset uses similarly large sans with a multicolor accent.

Color and surface

Near-black, charcoal-violet gradients, white type and lime-to-blue accents.

Components

Within the inset page, a left large gradient-accented headline balances a right orbital graphic beneath capsule navigation.

What makes it work

• Dark charcoal-violet softly layered field
• Large left white and gradient-accented sans headline
• Right orbital graphic
• Compact top capsule navigation

Measured

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

Live behavior

Today

Desktop shows a rounded dark header over a two-zone hero: large white/gradient headline and supporting copy/action at left, orbital New Minds illustration plus two compact data/chat panels at right. At 2s and hover, the orbital illustration changes position; headline and surrounding layout remain. At y=750 a sticky header remains above the next centered statement section and repeated capability ticker. Tablet/mobile reflow the hero into vertical sections; mobile has a hamburger header, stacked copy/actions/cards and a floating assistant button.

Responsive

1440×1000 desktop uses split hero with full nav; 768×1024 tablet stacks metadata/headline/copy and puts numbered capability cards before a framed orb; 390×844 mobile further wraps the headline, widens CTA, and stacks cards. Captured document heights: 16240, 21536, and 22774 CSS px respectively; these are sampled DOM values.

Scroll

At scrollY 750 the rounded header remains fixed and the next dark section shows a large centered offer statement; a slim repeated capability ticker separates sections.