# Healthapp — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://healthapp.google/
Captured: 2026-10-13
CSS measured: 2026-10-13T02:07:19.599Z at 1440×1000 — https://healthapp.google/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: anthropic/claude-sonnet-5

## Design direction

Google Health utilizes a clean, modern, and corporate design system focused on conveying technological sophistication and personal well-being. The layout relies on abundant white space, large edge-to-edge photography, and floating, rounded UI components that mimic the aesthetic of a mobile app. The color palette is primarily neutral (whites, off-whites, and dark greys) accented by vibrant 'Google' blues and soft pastel tones used within product UI illustrations. Typography is exclusively Google Sans, employed in varying weights to establish clear hierarchy.

## Classification

- Industry: health
- Site type: Landing, Store
- Business model: Shopping, AI
- Styles: corporate, minimal, photographic, soft, app-mimetic
- Platform: Custom code
- Technology: Not identified

## Typography

- Display: Google Sans — weight 400; size 80px; line-height 96px; tracking -0.8px; Regular (100% role confidence, computed values)
- Heading: Google Sans — weight 400; size 64px; line-height 73.6px; tracking -0.5px; Regular (95% role confidence, computed values)
- Body: Google Sans — weight 400; size 20px; line-height 26px; tracking -0.2px; Regular (90% role confidence, computed values)
- Mono: Google Sans — weight 400; size 12px; line-height 14.4px; tracking normal; uppercase (70% role confidence, computed values)

## Functional palette

- Surface — surface #FFFFFF: color-5: computed rgb(255, 255, 255); AI role: White (#FFFFFF) used extensively for floating UI cards, mobile phone mockups, and pill backgrounds. (95% role confidence, computed values)
- Primary Action — primary action #4285F4: color-18: computed rgb(66, 133, 244); AI role: Google Blue (#4285F4) used for primary Call to Action buttons like 'Download' and 'Try it now'. (95% role confidence, computed values)
- Canvas — canvas #F6F5F1: color-4: computed rgb(246, 245, 241); AI role: Off-white (#F6F5F1) used as a primary background color for large sections of the page. (90% role confidence, computed values)
- Text — text #1F1F1F: color-2: computed rgb(31, 31, 31); AI role: Dark grey (#1F1F1F) used for primary body copy and headings against light backgrounds. (90% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "57.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h2",
        "text": "Wearables",
        "top": 5818,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "In partnership with a pro",
        "top": 16954,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Personal, proactive, secure and in your control",
        "top": 18401,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "64px",
    "lineHeight": "73.6px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h2",
        "text": "Bring all your data into one place",
        "top": 2169,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Unlock adaptive, proactive coaching",
        "top": 6638,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "with Google Health Premium",
        "top": 6712,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Requires Google Health Premium subscription (sold separately), Google Health app, Wi-Fi and Internet",
        "top": 20659,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Not intended for medical purposes. Sleep tracking features are not intended to diagnose or treat any",
        "top": 20718,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "This feature is not intended to diagnose or treat any medical condition and should not be relied on ",
        "top": 20778,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "28px",
    "lineHeight": "33.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Pair with Fitbit and Pixel Watch.",
        "top": 6204,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Roboto, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Download The App",
        "top": 1910,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "28px",
    "lineHeight": "33.6px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "span",
        "text": "Google Health Coach builds personalised and adaptable workout plans",
        "top": 9639,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "that put your fitness goals in the context of your whole life. You set the",
        "top": 9673,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "priorities and aspirations, and your coach follows your lead with",
        "top": 9706,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "67.2px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "Plans that fit your goals –",
        "top": 9265,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "and your life",
        "top": 9332,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Take the guesswork out of",
        "top": 10265,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "80px",
    "lineHeight": "96px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Designed to help",
        "top": 714,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "bring out your best",
        "top": 816,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Google Health brings together",
        "top": 1078,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "14.4px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 6,
    "contexts": [
      {
        "tag": "a",
        "text": "About Google",
        "top": 20962,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Google products",
        "top": 20962,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy",
        "top": 20962,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "What is Google Health and how does it work?",
        "top": 20029,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "What can you do with Google Health?",
        "top": 20215,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Is Google Health free of charge?",
        "top": 20278,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "26px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Control your data with easy-to-find and easy-to-use privacy settings for your most sensitive data ty",
        "top": 18401,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Google committed to not use Fitbit users’ health and wellness data for Google Ads",
        "top": 18511,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Transmissions are always encrypted",
        "top": 18583,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "16.8px",
    "lineHeight": "20.2px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "sup",
        "text": "1",
        "top": 9740,
        "property": "font"
      },
      {
        "tag": "sup",
        "text": "1, 2",
        "top": 10740,
        "property": "font"
      },
      {
        "tag": "sup",
        "text": "1",
        "top": 10740,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "36px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Google Health connects your wearable, health apps, and smart devices to give you one holistic view o",
        "top": 2356,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Meet your Google Health Coach,",
        "top": 6817,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "built with Gemini1",
        "top": 6862,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", sans-serif",
    "weight": "500",
    "size": "22px",
    "lineHeight": "26.8px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Proactive and adaptive coaching",
        "top": 1712,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Holistic health",
        "top": 1726,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Personalised answers",
        "top": 1726,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "normal",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Users can ask Google Health Coach anything, at any time.",
        "top": 7392,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Get relevant answers",
        "top": 7417,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "and tailored insights based on your data.",
        "top": 7417,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "64.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Have a question",
        "top": 7155,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "about your health and wellness?",
        "top": 7220,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "48px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Designed for where you are today",
        "top": 8618,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "and where you're heading next.",
        "top": 8666,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Download",
        "top": 8,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "See how it works",
        "top": 6939,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Roboto, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Google Play",
        "top": 1972,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "App Store",
        "top": 1972,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Apps",
        "top": 6334,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Devices",
        "top": 6334,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "57.6px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "sup",
        "text": "1,2",
        "top": 1471,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "28.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Scroll",
        "top": 969,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "21.6px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "sup",
        "text": "1",
        "top": 6863,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "As a world-class athlete, Stephen Curry knows a thing or three about performance. Now, he's bringing",
        "top": 16954,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Results are for illustrative purposes only and may vary. Subject to change.",
        "top": 5578,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Wearables",
        "top": 6334,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Google Health is a health and wellness service that tracks your fitness, sleep and health data throu",
        "top": 20049,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, sans-serif",
    "weight": "400",
    "size": "9.6px",
    "lineHeight": "12.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "sup",
        "text": "1, 2",
        "top": 20147,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, Helvetica, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "a",
        "text": "Try it now",
        "top": 7531,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Get Google Health",
        "top": 19718,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Shop devices",
        "top": 19718,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, Helvetica, sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "28.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Meet our experts",
        "top": 17102,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, Helvetica, sans-serif",
    "weight": "500",
    "size": "22px",
    "lineHeight": "26.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Learn how we protect your data",
        "top": 18711,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", Arial, Helvetica, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Learn more",
        "top": 2531,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 330,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 26,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 1722,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2629,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#1F1F1F",
    "alpha": 1,
    "cssValue": "rgb(31, 31, 31)",
    "count": 64,
    "contexts": [
      {
        "tag": "g",
        "text": "",
        "top": 10529,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 10529,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "",
        "top": 17281,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#F6F4F0",
    "alpha": 1,
    "cssValue": "rgb(246, 244, 240)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Wearables Pair with Fitbit and Pixel Watch. Apps Connect your favourite activity and wellness tracki",
        "top": 5658,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "Unlock adaptive, proactive coaching with Google Health Premium Meet your Google Health Coach, built ",
        "top": 6518,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F6F5F1",
    "alpha": 1,
    "cssValue": "rgb(246, 245, 241)",
    "count": 3,
    "contexts": [
      {
        "tag": "section",
        "text": "Bring all your data into one place Google Health connects your wearable, health apps, and smart devi",
        "top": 2049,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 2578,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Shop devices",
        "top": 19718,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 99,
    "contexts": [
      {
        "tag": "a",
        "text": "Download",
        "top": 8,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Designed to help",
        "top": 714,
        "property": "text"
      },
      {
        "tag": "sup",
        "text": "1,2",
        "top": 1471,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#3A3A3A",
    "alpha": 1,
    "cssValue": "rgb(58, 58, 58)",
    "count": 40,
    "contexts": [
      {
        "tag": "h2",
        "text": "Bring all your data into one place",
        "top": 2169,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Google Health connects your wearable, health apps, and smart devices to give you one holistic view o",
        "top": 2356,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Unlock adaptive, proactive coaching",
        "top": 6638,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#F6F5F0",
    "alpha": 1,
    "cssValue": "rgb(246, 245, 240)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 2629,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#DDF3D0",
    "alpha": 1,
    "cssValue": "rgb(221, 243, 208)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Wearables Pair with Fitbit and Pixel Watch. Apps Connect your favourite activity and wellness tracki",
        "top": 5778,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#EFF4F8",
    "alpha": 1,
    "cssValue": "rgb(239, 244, 248)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10100,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#00461B",
    "alpha": 1,
    "cssValue": "rgb(0, 70, 27)",
    "count": 6,
    "contexts": [
      {
        "tag": "h2",
        "text": "Wearables",
        "top": 5818,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Pair with Fitbit and Pixel Watch.",
        "top": 6204,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Wearables",
        "top": 6334,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#90F4EA",
    "alpha": 1,
    "cssValue": "rgb(144, 244, 234)",
    "count": 29,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10287,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 10430,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 10224,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#F8FAFD",
    "alpha": 1,
    "cssValue": "rgb(248, 250, 253)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10255,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#E9EDF6",
    "alpha": 1,
    "cssValue": "rgb(233, 237, 246)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10160,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#0249AA",
    "alpha": 1,
    "cssValue": "rgb(2, 73, 170)",
    "count": 8,
    "contexts": [
      {
        "tag": "g",
        "text": "",
        "top": 10093,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 10093,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#202124",
    "alpha": 1,
    "cssValue": "rgb(32, 33, 36)",
    "count": 268,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 1973,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "Google Play",
        "top": 1972,
        "property": "text"
      },
      {
        "tag": "g",
        "text": "",
        "top": 10128,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#008FB7",
    "alpha": 1,
    "cssValue": "rgb(0, 143, 183)",
    "count": 8,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10472,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 10479,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#E8FFFC",
    "alpha": 1,
    "cssValue": "rgb(232, 255, 252)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Proactive and adaptive coaching",
        "top": 1697,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#4285F4",
    "alpha": 1,
    "cssValue": "rgb(66, 133, 244)",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Download",
        "top": 8,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#E5F6FF",
    "alpha": 1,
    "cssValue": "rgb(229, 246, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Personalised answers",
        "top": 1697,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#F7E9FF",
    "alpha": 1,
    "cssValue": "rgb(247, 233, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Holistic health",
        "top": 1697,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#D3E3FD",
    "alpha": 1,
    "cssValue": "rgb(211, 227, 253)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 9930,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#02756E",
    "alpha": 1,
    "cssValue": "rgb(2, 117, 110)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Proactive and adaptive coaching",
        "top": 1712,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#54228D",
    "alpha": 1,
    "cssValue": "rgb(84, 34, 141)",
    "count": 44,
    "contexts": [
      {
        "tag": "g",
        "text": "",
        "top": 3020,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 3020,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#444646",
    "alpha": 1,
    "cssValue": "rgb(68, 70, 70)",
    "count": 5,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10127,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#004F66",
    "alpha": 1,
    "cssValue": "rgb(0, 79, 102)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Personalised answers",
        "top": 1726,
        "property": "text"
      },
      {
        "tag": "g",
        "text": "",
        "top": 9930,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 9930,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#00629B",
    "alpha": 1,
    "cssValue": "rgb(0, 98, 155)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10137,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#ECDBFF",
    "alpha": 1,
    "cssValue": "rgb(236, 219, 255)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 9930,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#8FF4E9",
    "alpha": 1,
    "cssValue": "rgb(143, 244, 233)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 8929,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#D35886",
    "alpha": 1,
    "cssValue": "rgb(211, 88, 134)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10348,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#5A2F90",
    "alpha": 1,
    "cssValue": "rgb(90, 47, 144)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Holistic health",
        "top": 1726,
        "property": "text"
      },
      {
        "tag": "g",
        "text": "",
        "top": 9948,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 9948,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#000000",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(0, 0, 0, 0.3)",
    "count": 5,
    "contexts": [
      {
        "tag": "li",
        "text": "What is Google Health and how does it work? Google Health is a health and wellness service that trac",
        "top": 20008,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#000000",
    "alpha": 0.14901960784313725,
    "cssValue": "rgba(0, 0, 0, 0.15)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 6361,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#E7E3D5",
    "alpha": 1,
    "cssValue": "rgb(231, 227, 213)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 12,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#0842A0",
    "alpha": 1,
    "cssValue": "rgb(8, 66, 160)",
    "count": 5,
    "contexts": [
      {
        "tag": "g",
        "text": "",
        "top": 9948,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 9948,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#00504B",
    "alpha": 1,
    "cssValue": "rgb(0, 80, 75)",
    "count": 2,
    "contexts": [
      {
        "tag": "g",
        "text": "",
        "top": 8947,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 8947,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#323232",
    "alpha": 1,
    "cssValue": "rgb(50, 50, 50)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "About Google Google products Privacy Terms Help Canada - English Australia - English Canada - French",
        "top": 20900,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#004F4A",
    "alpha": 1,
    "cssValue": "rgb(0, 79, 74)",
    "count": 20,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 1741,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#444746",
    "alpha": 1,
    "cssValue": "rgb(68, 71, 70)",
    "count": 14,
    "contexts": [
      {
        "tag": "g",
        "text": "",
        "top": 10257,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 10257,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#1A73E8",
    "alpha": 1,
    "cssValue": "rgb(26, 115, 232)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 20954,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#303030",
    "alpha": 1,
    "cssValue": "rgb(48, 48, 48)",
    "count": 2,
    "contexts": [
      {
        "tag": "g",
        "text": "",
        "top": 10497,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 10497,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#07429F",
    "alpha": 1,
    "cssValue": "rgb(7, 66, 159)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 1744,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#592E8F",
    "alpha": 1,
    "cssValue": "rgb(89, 46, 143)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 9944,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 9946,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#1E1E1E",
    "alpha": 1,
    "cssValue": "rgb(30, 30, 30)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10082,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#401B50",
    "alpha": 1,
    "cssValue": "rgb(64, 27, 80)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 1730,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#0841A0",
    "alpha": 1,
    "cssValue": "rgb(8, 65, 160)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 9948,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#00504A",
    "alpha": 1,
    "cssValue": "rgb(0, 80, 74)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10434,
        "property": "svg-fill"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical spacing between major sections, often full viewport height for feature reveals. Large internal padding within floating UI cards.
- Corner style: Heavily rounded, pill-shaped corners on buttons and badges. Distinctly rounded, almost squircle-like corners on floating UI cards and mobile phone device mockups.
- Radius: Buttons appear fully rounded (pill). Cards have large radii (likely 16px-24px).
- Borders: Mostly borderless to emphasize floating elements and shadows. Subtle 1px borders used for delineating FAQ items or footer elements.
- Buttons: Solid fill primary buttons in blue. Pill-shaped geometry. White text.
- Content width: Varies. Hero and specific feature sections are full-bleed (edge-to-edge). Informational sections (like FAQs or privacy) appear constrained to a central column.
- Density: Low density. High reliance on negative space and large typographic scales to communicate a calm, clear message.
- Evidence: Observation of DOM sizes (fonts up to 80px), heavily rounded corner visuals in crops, and distinct separation of content blocks.

## Sections

Gallery section count: 12. Each entry corresponds to one gallery capture.

1. **Hero — Designed to Bring Out Your Best** (Home)
   AI suggestion (98% confidence): Complete, substantial opening hero with branded navigation, full-bleed lifestyle imagery, a clear value proposition, benefit pills, and app-download actions.
   Capture: 1440×2004px; page bounds 0–2004px of 12992px; source section ID: `d821ad8b-b5ac-43d9-b9de-614e086730a1`; image: https://media.designdetails.io/library/453a42ea253f7f8fa09c551c883bce47a2ee030896e97e8051b55fe67c435780/d821ad8b-b5ac-43d9-b9de-614e086730a1.webp
   SECTION.md v3.2: `d821ad8b-b5ac-43d9-b9de-614e086730a1` (deterministic evidence; editorial review pending)
2. **Hero — Google Health Personalized Coaching Hero** (Home)
   AI suggestion (98% confidence): Complete, substantial opening hero with branded navigation, full-bleed lifestyle imagery, primary value proposition, benefit chips, and app-download calls to action. It ends cleanly where the white data-integration section begins.
   Capture: 1440×2001px; page bounds 0–2001px of 12992px; source section ID: `1514f4fe-00be-44e8-8c42-ed9ed2be81df`; image: https://media.designdetails.io/library/f704182888fe5b408f24ef057e392f34561434d422cc317a1dd6c2427e326df0/1514f4fe-00be-44e8-8c42-ed9ed2be81df.webp
   SECTION.md v3.2: `1514f4fe-00be-44e8-8c42-ed9ed2be81df` (deterministic evidence; editorial review pending)
3. **Features — Bring all your data into one place** (Home)
   Reusable feature composition from Home, organized around “Bring all your data into one place”.
   Capture: 1440×2609px; page bounds 2000–4609px of 12992px; source section ID: `90e978ab-7c7b-4628-b345-83e4e77e59fb`; image: https://media.designdetails.io/library/2180c57e66bd0bcc0e6f5e45556b6ebf946d7b5d907bf218e5153f5a15e29089/section_crop-90e978ab-2026-10-13T02-07-32-158Z.webp
   SECTION.md v3.2: `90e978ab-7c7b-4628-b345-83e4e77e59fb` (deterministic evidence; editorial review pending)
4. **Features — Healthapp Features** (Home)
   Reusable feature composition from Home, organized around “Healthapp Features”.
   Capture: 1440×331px; page bounds 12520–12851px of 12992px; source section ID: `777c2866-e5b8-41eb-a1be-8db751cd7639`; image: https://media.designdetails.io/library/3d94d3f2a91bec48bebd0f85b54fc628b1d1bc18fba0f26370ac6187059833c9/section_crop-777c2866-2026-10-13T02-07-33-562Z.webp
   SECTION.md v3.2: `777c2866-e5b8-41eb-a1be-8db751cd7639` (deterministic evidence; editorial review pending)
5. **Footer — Healthapp Footer** (Home)
   Closing footer and call-to-action from Home, organized around “Healthapp Footer”.
   Capture: 1440×1000px; page bounds 11992–12992px of 12992px; source section ID: `e37a3be4-54ba-4b1b-9803-aef6777fe894`; image: https://media.designdetails.io/library/bbc46c79e4c9da5e2ecbbec00edf1e79fa25ad469cc959ba6e55dc33569f11f0/section_crop-e37a3be4-2026-10-13T02-07-34-477Z.webp
   SECTION.md v3.2: `e37a3be4-54ba-4b1b-9803-aef6777fe894` (deterministic evidence; editorial review pending)
6. **Feature Card — Wearables Compatibility Showcase** (Home)
   AI suggestion (96% confidence): Complete split-image feature card with a clear “Wearables” heading, pairing message, product lifestyle imagery, and category tabs; visually self-contained and reusable.
   Capture: 1440×642px; page bounds 4724–5366px of 12992px; source section ID: `594c14b9-44b8-4c07-9c29-279afdaf4ec8`; image: https://media.designdetails.io/library/bd9b1c4f5b9556cd9798f4b554d3f154d41a21fa373a2ae0322a7a553d69dc5b/594c14b9-44b8-4c07-9c29-279afdaf4ec8.webp
   SECTION.md v3.2: `594c14b9-44b8-4c07-9c29-279afdaf4ec8` (deterministic evidence; editorial review pending)
7. **Features — Google Health Premium Coaching** (Home)
   AI suggestion (94% confidence): Complete product feature section with a clear headline, coaching proposition, supporting copy, CTA, and a distinctive composition of app screens across multiple phone mockups; it ends before the next section heading.
   Capture: 1440×1920px; page bounds 5575–7495px of 12992px; source section ID: `5662f81a-74ca-4858-b431-e318209042f5`; image: https://media.designdetails.io/library/6f8bedd876f44f485578a498fe319e2b9f401badab2b084b6c523df20e421f71/5662f81a-74ca-4858-b431-e318209042f5.webp
   SECTION.md v3.2: `5662f81a-74ca-4858-b431-e318209042f5` (deterministic evidence; editorial review pending)
8. **FAQ — Google Health Premium coaching feature** (Home)
   AI suggestion (95% confidence): Complete standalone product feature with its own headline, supporting copy, CTA, question-and-answer use case, and coordinated phone mockups; it ends before the next feature’s heading begins.
   Capture: 1440×1890px; page bounds 5578–7468px of 12992px; source section ID: `4e5479a5-4a92-4f62-b9ad-ed9d30b99bec`; image: https://media.designdetails.io/library/71c2575949e37b060c5591d3b621489551822567d6d04b159de99076884be4d8/4e5479a5-4a92-4f62-b9ad-ed9d30b99bec.webp
   SECTION.md v3.2: `4e5479a5-4a92-4f62-b9ad-ed9d30b99bec` (deterministic evidence; editorial review pending)
9. **Editorial — In partnership with a pro** (Home)
   AI suggestion (94% confidence): Complete celebrity partnership profile combining a clear heading, explanatory copy, expert CTA, and a substantial Stephen Curry portrait; it has a distinct beginning and ending and works as a reusable editorial feature.
   Capture: 1440×1440px; page bounds 8790–10230px of 12992px; source section ID: `1aa5f0c1-bd4e-4be6-9992-e563e1134cfe`; image: https://media.designdetails.io/library/6c7c488226aceedbded8227348d984e85229840652eb776059a0e982f7dc0e92/1aa5f0c1-bd4e-4be6-9992-e563e1134cfe.webp
   SECTION.md v3.2: `1aa5f0c1-bd4e-4be6-9992-e563e1134cfe` (deterministic evidence; editorial review pending)
10. **Editorial — Stephen Curry Expert Partnership Spotlight** (Home)
   AI suggestion (96% confidence): Complete, distinctive profile section with a partnership headline, explanatory copy, expert link, and a large finished portrait, bounded clearly by adjacent sections.
   Capture: 1440×1443px; page bounds 8790–10233px of 12992px; source section ID: `6f2d4510-ac46-47f4-960a-b4d7675f6fe9`; image: https://media.designdetails.io/library/01b4ab9752389ef0d506f24d92e48882ba4aa5f5d185d74cf0269532dfe7338e/6f2d4510-ac46-47f4-960a-b4d7675f6fe9.webp
   SECTION.md v3.2: `6f2d4510-ac46-47f4-960a-b4d7675f6fe9` (deterministic evidence; editorial review pending)
11. **CTA — Personalised wellness journey CTA** (Home)
   AI suggestion (98% confidence): Complete full-width lifestyle image with a prominent conversion headline and two clear action buttons; visually distinctive and self-contained.
   Capture: 1440×1000px; page bounds 10841–11841px of 12992px; source section ID: `f7fe4993-8128-40c6-bd29-63058fbdd815`; image: https://media.designdetails.io/library/93fa53f0afcf0ed5f1336ce13717c8a0bfb124c9e54c031e69443d58273493e0/f7fe4993-8128-40c6-bd29-63058fbdd815.webp
   SECTION.md v3.2: `f7fe4993-8128-40c6-bd29-63058fbdd815` (deterministic evidence; editorial review pending)
12. **FAQ — Google Health FAQ accordion** (Home)
   AI suggestion (94% confidence): Self-contained FAQ section with heading, one expanded answer, and multiple collapsed accordion questions; the complete question set is visible before the legal notes begin.
   Capture: 1440×635px; page bounds 11839–12474px of 12992px; source section ID: `28544a0e-1e66-41e1-bb64-00fd549d00fa`; image: https://media.designdetails.io/library/0e02a01bda9d75463ce9b06b2eb407548772f02d450cfad466b4d83c2f31a037/28544a0e-1e66-41e1-bb64-00fd549d00fa.webp
   SECTION.md v3.2: `28544a0e-1e66-41e1-bb64-00fd549d00fa` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/922be3d89863ff1f27571a82fd64fd2ed3bf1dacd8215a7421d8794b60fd475f/desktop_full-c607de72-2026-10-13T02-07-19-623Z.webp
- Mobile screenshot: https://media.designdetails.io/library/3aac5f66f1959b52bf8f9cd6948b706cd0a751166563e85b9631207e7c004489/mobile_full-c607de72-2026-10-13T02-08-12-179Z.webp
- Open Graph image: https://media.designdetails.io/library/d3594a04948263ece3b464b2d0cbdab1ad4074b257f12396c8847d6e47cf6ef6/og_image-c607de72-2026-10-13T02-07-31-245Z.webp
- Full-page video: https://media.designdetails.io/library/69401fe7a3307b162f4e735a0c4b1af9f9e33991250a370ae3e8f44dd5ada29d/motion-1791858756767.mp4
- Video poster: https://media.designdetails.io/library/2673611436fdb6e621549516cba0f865a7bf1d040b3a0128d19936907e5f70b9/motion-poster-1791858756767.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero With Background Imagery
- Primary Button
- Floating Product Card
- Feature Collection
- Product UI
- FAQ Accordion
- Footer
- Language Switcher
- Text Link
- Pill Cluster
- Scroll Revealed UI Overlays

## Quality rubric

Overall: 51.9/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Google Health's site is a competently executed but highly conventional big-tech product marketing page: clean Google Sans typography, a safe neutral-plus-pastel palette, alternating full-bleed/content sections, and scroll-triggered UI-overlay reveals all work together coherently, but every individual pattern (floating app-mimetic cards, pill CTAs, phone-mockup reveals, FAQ accordion, celebrity endorsement) is drawn directly from the standard template used across comparable tech product launches, leaving little that is distinctive to this specific site.

- Typography (15%): 60 — A single family (Google Sans) is deployed across a wide hierarchy from an 80px hero down to a 12px uppercase footer label, with letter-spacing tuned per size (-0.8px, -0.5px, -0.6px, etc.), which shows some craft. However the measured font list contains many near-duplicate sizes (28/28, 56/56, 20/20, 16/16 with varying tracking) that suggest an ad-hoc accumulation of styles rather than a disciplined modular scale, and there is no secondary voice (serif, mono, condensed) to create contrast or texture.
- Color (10%): 56 — The palette is a clean neutral base (white/off-white #F6F5F1, dark grey #1F1F1F/#3A3A3A) with the standard Google blue (#4285F4) CTA and pastel feature-category chips (mint #E8FFFC/#DDF3D0, lavender #F7E9FF, light blue #E5F6FF) that map sensibly to each feature's accent text color. This is legible and purposeful but is the same restrained Material-adjacent corporate palette used across many other Google product sites, with no distinctive hue relationships or tension unique to this brand.
- Layout (20%): 62 — The page follows a clear, repeatable system: full-bleed photographic sections alternate with centered off-white content blocks, floating rounded UI cards overlay imagery, and the FAQ/footer revert to a conventional two-column informational layout. This is coherent across many sections and well-executed, but it is a very familiar template structure (hero photo + pill nav + feature cards + phone mockups + FAQ + footer) common to large tech product launch pages, not a structurally novel arrangement.
- Motion (20%): 56 — Multiple scroll-tied reveals are present (hero text crossfade, data-converging animation, phone slide/rotate reveal, image-to-UI-overlay transitions, FAQ expand) forming a reasonably coherent scroll-driven narrative. This is a functional and common 'scrollytelling' pattern seen across many comparable product sites; the observation itself notes scroll speed variability made it hard to assess the quality of the easing, so refined timing/smoothness cannot be credited.
- Originality (25%): 30 — The page closely follows the now-ubiquitous big-tech product launch template: full-bleed lifestyle photography with floating app-UI overlays, pill-shaped CTAs, phone mockups sliding into view, a celebrity-partnership blurb, FAQ accordion, and a footer language switcher. Every individual component (pill cluster, app-mimetic floating card, scroll-revealed UI overlay) is a well-worn pattern from Apple/Google product marketing pages generally, and nothing here introduces a structural, interactive, or conceptual idea that would be hard to find on a comparable product site.
- Content (10%): 62 — Feature copy is tightly paired with matching app-UI snippets over contextual photography (e.g., a trail-run route graphic over a runner's leg, a sleep graph over a person in bed, a cycle-health calendar over an arm shot), and legal/medical disclaimers are footnoted consistently. This produces a reasonably well-integrated illustration of each claim rather than generic stock imagery, though the pairing technique itself (UI chip over lifestyle photo) is repeated almost identically for every feature, reducing variety.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [ ] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A full-bleed photo of stretching arms under open sky sets a calm, human tone before any data appears, with large rounded type overlaid directly on the image for easy reading. Further down, floating phone mockups and small pastel data cards against pale backgrounds break the page into digestible chapters, so features and real app screens stay easy to scan.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.