Complete visual reference for the HealthTap brand system. Colors, typography, logos, assets, layout patterns, and CSS rules for building landing pages.
Brand Foundation
Color Palette
The HealthTap palette balances professional navy authority with warm, approachable tan accents. Blue (#4576C2) is the primary brand blue — used for buttons, headlines, links, stats rows, hero sections, and CTA surfaces.
Navy
#143565
Navy Dark
#0E2444
Blue
#4576C2
Tan
#BE9D7B
Tan Light
#F5EDE3
Cream
#FAF7F4
Body Text
#4A5568
Warm Gray
#6B7A8D
Border
#E8E0D8
Green
#6EA642
Green Accent Usage
Green (#6EA642) may be used sparingly as an accent color for decorative lines, thin borders, small highlights, success states, or subtle dividers. It should never dominate a section — use it to add a touch of energy alongside the primary navy/tan palette.
Decorative lineAccent border
✓ Active
Success badge
Gradients
Hero: from-cream via-white to-blue-tint
Hero (blue): from-blue to-navy
CTA dark: from-navy to-navy-light
CTA blue: from-blue to-navy
Typography
Fonts & Type Scale
Gilroy for headings and UI labels. Noto Sans for body text and captions.
Gilroy — Heading Font
Light 300 — The quick brown fox jumps over the lazy dog
Regular 400 — The quick brown fox jumps over the lazy dog
Medium 500 — The quick brown fox jumps over the lazy dog
SemiBold 600 — The quick brown fox jumps over the lazy dog
Bold 700 — The quick brown fox jumps over the lazy dog
Noto Sans — Body Font
Light 300 — HealthTap is a nationwide virtual primary care clinic on a mission to place a long-term doctor at every American's fingertips.
Regular 400 — HealthTap is a nationwide virtual primary care clinic on a mission to place a long-term doctor at every American's fingertips.
Medium 500 — HealthTap is a nationwide virtual primary care clinic on a mission to place a long-term doctor at every American's fingertips.
SemiBold 600 — HealthTap is a nationwide virtual primary care clinic on a mission to place a long-term doctor at every American's fingertips.
Bold 700 — HealthTap is a nationwide virtual primary care clinic on a mission to place a long-term doctor at every American's fingertips.
Type Scale
H1 Hero — 3.25rem Bold
H2 Section — 2.25rem Bold
H3 Card — 1.125rem Bold
BADGE LABEL — 0.7rem SemiBold Uppercase
Body — 1rem Regular. A dedicated, lifelong primary care doctor at every member's fingertips.
Caption — 0.875rem. Muted supporting text for secondary information.
Brand Identity
Logos
Four logo variants: full wordmark and logomark, each in blue (light bg) and white (dark bg).
Full Wordmark — Light Background
logo_blue.png
Full Wordmark — Dark Background
logo_white.png
Logomark — Light Background
logomark_blue.png
Logomark — Dark Background
logomark_white.png
Favicon
Blue H+ logomark with white outline on transparent square frame. Works on both light and dark browser tabs without distortion.
Accreditation badges and industry awards. Display in footer or trust bar sections.
HIPAA
AICPA SOC 2
Joint Commission
GDPR
CCPA
LegitScript
Fierce 15 '26
DiME Seal
On dark background (CSS white filter applied):
Partnerships
Partner & Client Logos
15 partner logos. Displayed with grayscale filter and hover color reveal.
SelectQuote
CHM
VHC Health
AstraZeneca
Clover Health
Samsung
Albertsons
EmblemHealth
Lilly Direct
Aeroflow Health
Asembia
BCBS Nebraska
Boehringer Ingelheim
CrowdHealth
Highmark
Media Coverage
Press & Media Logos
15 press logos for "As Seen In" sections. Same grayscale hover treatment as partners.
Forbes
Fortune
CNBC
CBS News
Fox Business
Business Insider
TechCrunch
Healthline
Fierce Healthcare
J.D. Power
Men's Health
Healthcare Innovation
MobiHealthNews
HIT Consultant
MHE
Leadership Team
Headshots
12 leadership headshots. Display in circular frames with border.
Sean Mehra
CEO
Geoffrey Rutledge
CMO
Craig Hittle
CCO
Hammad Saleem
CITO
Nataliya Novikova
CGMO
Karishma Jadeja
SVP, Product
Isaac Weaver
SVP, Practice Ops
Zainab Magdon-Ismail
SVP, Customer Success
Greg Gilley
Senior AI Advisor
Michael Nichols
GC, CPO & CCO
Nathaniel Lacktman
Outside Counsel
David Kopp
Board Member
Leadership Bios
Featured leaders with full bios for partner-facing pages. Circular headshot, name in Gilroy Bold, title in Blue, bio in Noto Sans.
Sean Mehra
Founder & Chief Executive Officer
Stanford GSB MBA. Yale BS (with Distinction) in Biomedical Engineering & Pre-Medicine. Co-founded HealthTap 15 years ago; served as CPO, COO, and CEO. Serial technology entrepreneur. Co-founded Yale's first official incubator. Named inventor on numerous patents across health informatics, medical devices, genetic testing, and advanced materials.
Dr. Geoffrey Rutledge
Co-Founder & Chief Medical Officer
MD and PhD from Stanford University. Double board-certified in Internal Medicine and Emergency Medicine. 25+ years of clinical practice. Former Stanford faculty. FACMI (elected 2014). Instrumental in building WebMD. Built the HealthTap Doctor Network of 100,000+ physicians. Lead author of the CHM cost study. Stanford Research Colloquium on LLMs in Primary Care (2024).
Michael Nichols
General Counsel, Chief Privacy Officer & CCO
J.D. from Yale Law School. MA and BA from Stanford University. Philosophy at the University of Oxford. Co-founding team member since 2010. 15 years of healthcare privacy and compliance experience. Responsible for HealthTap's HIPAA compliance architecture, privacy policies, and MSO-PC corporate structure.
Outside Counsel
Legal counsel for partner-facing pages. Displayed in a white card with border.
Outside Counsel
Nathaniel Lacktman
Chair of Foley's national Telemedicine & Digital Health Industry Team. Elected Chair of the American Telemedicine Association Board of Directors (May 2025). Chambers-ranked Band 1 healthcare attorney. One of the most influential voices in telehealth regulation — and HealthTap's counsel.
Wilson Sonsini Goodrich & Rosati
Silicon Valley's premier corporate law firm — representing Google, Apple, Tesla, and virtually every major technology company to emerge from the Valley. HealthTap's corporate counsel since founding.
Pattern: headshot circle left, name + bio right, org logo on its own row below bio (separated by a thin border-top divider, height:28px). This ensures the firm logo is always large enough to read. For firm-only entries (no headshot), use the logo in the circle position AND below the bio.
Photography
Stock Photography
10 brand-approved stock images including hero shots, telehealth scenes, and circular portraits.
hero_doctors_phone.png
Hero shot: hand holding phone, doctor video call, floating headshots
stock2_woman_laptop_couch.png
Patient on couch with laptop, warm sunlit setting
stock3_woman_laptop_smiling.png
Woman smiling at laptop, cozy home environment
stock4_mom_child_telehealth.png
Mother with child, phone showing doctor video call
stock5_doctor_laptop_plants.png
Female doctor in white coat at laptop, HealthTap badge
stock6_mom_child_thermometer.png
Mother with child checking thermometer during video call
stock7_woman_phone_telehealth.png
Woman at table with phone showing doctor, coffee mug
portrait_patient_circle.png
Circular portrait — patient (testimonial avatar)
portrait_doctor_circle.png
Circular portrait — doctor (provider section)
Structure
Layout Patterns
Standard section patterns used across HealthTap landing pages.
Sticky top-0, bg-white/95 backdrop-blur-sm, border-b border-[#E8E0D8], h-16
Mobile: hide "Visit HealthTap.com" link, show only logo + CTA
Stats Row — Even Count (4)
-19.9%
YoY claims reduction
(-$2,760 PMPY)
57%
Care gaps closed
(90th percentile)
4.95/5
Post-visit rating
(NPS 80+)
65%
Return for >1 visit
(~2.3 visits/yr)
Desktop: grid-cols-4 (or cols matching count). Mobile: grid-cols-2, last odd item spans full width and centers.
Stats Row — Odd Count (3)
-19.9%
YoY claims reduction
(-$2,760 PMPY)
57%
Care gaps closed
(90th percentile)
4.95/5
Post-visit rating
(NPS 80+)
Odd count: 3-col on desktop, 2-col on mobile with last item spanning full width. bg-[#4576C2] (preferred) or bg-[#143565].
Content Card
Engage Unattributed Members
Turn "invisible" members into attributed, engaged patients with longitudinal PCP relationships.
~1 in 3 Americans has no PCP
White bg, rounded-xl, border border-[#E8E0D8], p-6 to p-8, icon in colored circle
Testimonial Card
“
HealthTap has been a star partner to collaborate with by every measure. They have worked diligently to seamlessly incorporate our technology into their workflows.
Carl Rathjen
VP Innovations & Partnerships, Clover Health
CTA Section
Let's Build Your Virtual Primary Care Strategy
Start with a focused pilot or deploy at scale.
healthtap.com
Footer (Standard)
Minimal footer for general/public HealthTap pages. Center-aligned single column — logo, copyright, link stacked.
Center-aligned single column: flex flex-col items-center gap-3. Same layout at all breakpoints — no separate mobile rules needed.
Footer (Co-Branded)
Extended footer for partner-specific landing pages. Includes trademark notice, confidentiality disclosure, and partner attribution. Example shown with generic placeholder — replace with actual partner details.
Trademark Notice: HealthTap™, Dr. A.I.™, FastRx™, Eval360™, and From Query to Cure™ are trademarks of HealthTap, Inc. All rights reserved.
Confidentiality Notice: This document is prepared exclusively for ACME Health Corporation and contains proprietary and confidential information belonging to HealthTap, Inc. It may not be reproduced, distributed, or disclosed to any third party without the prior written consent of HealthTap, Inc.
bg-[#0E2444], border-t border-white/10 divider, text-white/40 text-xs leading-relaxed for disclosures, text-white/60 font-semibold for labels. Replace {Partner Name}, {Partner Short}, {Partner Legal Entity}, {year}, {HealthTap Trademarks} with actual values.
Security Pattern
Password Gate
Client-side access control for confidential landing pages. Uses SHA-256 hashing (plaintext never shipped to browser). Authentication persists for 7 days via localStorage. Only add when explicitly requested with a specific password.
Co-Branded Variant
Shows HealthTap + partner logos side by side. Used for partner-specific confidential pages.
ACME Health
Confidential
AI Care Provider Assessment
Partnership Response — Please enter the access code to continue.
HealthTap × ACME Health Corporation — Strictly Confidential
This document contains proprietary and confidential information. Unauthorized distribution is prohibited.
Same layout as co-branded but with single centered HealthTap logo. No partner attribution in footer — HealthTap trademarks only.
Implementation Notes
Password Storage
Create INTERNAL-ACCESS.md at the project root (alongside package.json). This file stores the plaintext password for internal reference and is NEVER compiled into the website.
SHA-256 Hashing
The plaintext password is never shipped to the browser. Only the SHA-256 hash is embedded in the code. Generate with: echo -n "YourPassword" | shasum -a 256
7-Day Persistence
Authentication persists for 7 days via localStorage with an expiry timestamp. Users don't need to re-enter the password on every visit. After 7 days, the gate re-appears.
Error Handling
Wrong password triggers a horizontal shake animation on the input (x: [-10, 10, -8, 8, -4, 4, 0] over 400ms), red border, and "Incorrect access code" error message with fade-in.
Developer Reference
CSS Variables & Font-Face
Copy-paste ready CSS for any HealthTap landing page project.
