Let me study Biograph's clean premium design language and completely rethink the theme.
Now I have the full picture. The issues are clear: the hero image looks cheap, the floating cards are gimmicky, there are too many competing colors, and the fonts aren't consistent. Biograph nails it with extreme restraint -- clean typography, one accent color, massive whitespace, and editorial-grade imagery. Let me rebuild with that discipline.
Let me focus on the landing page component itself -- that's where the real design problems are. The globals can stay as-is since the landing page uses direct hex colors anyway.
Now let me completely rebuild the landing page with Biograph-level restraint and premium design:
Completely rebuilt the Athena landing page following Biograph's design discipline: restrained warm off-white (#faf9f6) background, one accent color (#E86A4A), consistent serif headings with tight tracking, a clean section label component (text-[11px] uppercase tracking-[0.25em]), and massive whitespace between sections (py-28/36). Removed all floating cards, gradient orbs, and gimmicky animations -- replaced with clean grid layouts using gap-px separators (like Biograph's method cards), a data connection mockup instead of stock images, editorial lifestyle photography, and a numbered step system. The typography is now consistent throughout: pixel-specific sizes (text-[42px], text-[14px]) instead of Tailwind scale, with body text at 30-50% opacity for the hierarchy Biograph uses.
Now I have deep references from Function Health, Parsley Health, and Biograph -- the three cleanest sites in this space. The pattern is clear: text-dominant heroes (no cheesy product shots), massive stat counters, clean alternating light/dark sections, restrained typography, and editorial-quality design. Let me completely rebuild.
Good. Now let me rebuild the landing page from scratch -- text-dominant hero (no hero image), Function Health's stat counter style, Biograph's clean card system, Parsley's warm editorial feel. Completely removing the gimmicky floating cards and hero image.
Completely rebuilt the landing page from scratch with the design discipline of Function Health, Biograph, and Parsley. No hero image, no floating cards, no gimmicky gradients -- just a text-dominant left-aligned hero on warm off-white (#fafaf8), divider-based stat counters, a 3-column "How it works" grid with clean 01/02/03 numbering, dark competitive comparison cards calling out Torch/Prenuvo/Attia by name, a static chat preview for Athena, a minimal features grid, and a clean pricing section. Consistent font-serif for all headings at pixel-specific sizes, text-[#0f0f1a] with opacity levels for hierarchy, and proper max-w-[1100px] containment throughout.
These parts are GREAT :
"My doctor missed my iron deficiency for two years. Athena caught it in the first week by connecting my lab history with my sleep data."
Sarah M. / Athena member since 2025
Built by doctors
Clinical-grade. Human-centered.
Our medical and coaching team comes from Stanford, Harvard, Mayo Clinic, and Y Combinator.
Stanford MedicineHarvard MedicalMayo ClinicY Combinator
Your health deserves more than guesswork.
the rest is also good , but we need mroe visuals // color to make certain impormat words to stand otu
icosn etc for vosuals
and the ehr section needs more // cenetr text
You can send messages while the preview loads