Helixa AI-health landing hero

Summary

A SaaS landing-page hero for Helixa, an AI health companion. Its defining move is a pixel-dissolve gradient that scatters the light upper page into a dark teal-charcoal lower section, with a floating dark chat prompt card bridging the two.

Visual description

The browser sits on a pale grey backdrop. Top bar carries the Helixa wordmark left, a centered nav (Home, Services, Team, Membership, Resources), and Login plus a dark Sign up button right. Centered beneath, a two-line serif headline reads Next-Gen Health, Powered by AI + You over one line of grey sub-copy. A dark rounded chat card floats mid-page with a greeting and pill action buttons (Run My Health Scan, Ask AI Doctor) and a white send button. The page background then breaks into a band of multicolor speckled pixels that dissolve downward into a near-black teal section, where a serif sub-headline A Smarter path to stay ahead of illness sits left with supporting copy right, above two dark placeholder cards. Palette is restrained greys and charcoal with the scatter band as the only color.

Key takeaway

The pixel-dissolve transition: rather than a hard section break, a band of scattered colored dots melts the light hero into the dark section below, doubling as the page's only color accent. A dark conversational prompt card floated over the hero immediately signals an AI product without a screenshot. Pairing an editorial serif headline with neutral greys reads premium rather than generic tech.

Reuse notes

A strong template for an AI, health-tech or wellness product landing page that wants warmth and trust over hard sci-fi. The dissolve transition works whenever you need to move from a light hero to a dark feature zone; tune the scatter colors to the brand. The chat card pattern fits any assistant or agent product. Needs a genuine serif to keep the editorial tone.