Design exploration · DNAI commercial pilot

Landing page variants.

Four landing pages for the DNAI WhatsApp agent pilot. Each uses a different design system and narrative structure. Built to compare approaches before picking a direction for the commercial launch.

Light mode Design consultation

DC-01 — Revenue-first

/design-consultation-01/

Light mode, 2-column hero with WhatsApp mockup, price visible in hero, Dr. Erick named in copy, accordion FAQ, 30-day pilot framing explicit. The structural rewrite that fixes the CMO's core objections to the original page.

Instrument Serif Plus Jakarta Sans Teal #0AB5A0 White bg
Open variant →
Dark mode Design consultation

DC-02 — STORM editorial

/design-consultation-02/

STORM design system applied with editorial manifesto hero. Centered large Instrument Serif, asymmetric bento pain section, editorial vertical how-it-works with STORM callout borders, single full-width offer card.

Instrument Serif Manrope JetBrains Mono Teal #5EEAD4 STORM #07090A bg
Open variant →
Dark mode Design taste

Taste-01 — Dark forest

/design-taste-01/

Anti-slop direction: Syne 800 + DM Sans, electric green accent (#22C55E), deep forest background (#0B1510), horizontal stat strip for pain section, editorial how-it-works with large Syne numerals, native details/summary FAQ.

Syne 800 DM Sans Electric green #22C55E Forest #0B1510 bg
Open variant →
Dark mode Design taste

Taste-02 — STORM clinical

/design-taste-02/

STORM design system applied data-first: split hero with dark phone frame, 3-tile clinical stat strip for pain, horizontal pipeline for how-it-works, comparison cards (without vs. with DNAI). Sharp 2px radius throughout.

Instrument Serif Manrope JetBrains Mono Clinical teal #5EEAD4 STORM #07090A bg
Open variant →
← Back to DNAI home