# Hera Brand Identity

A complete profile of **Hera**'s visual system — colors, typography, components, and personality — extracted from https://hellohera.com/. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/hera
- Machine-readable JSON: https://characterquilt.com/branding/hera.json
- Per-page llms.txt: https://characterquilt.com/branding/hera/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #9D968E |
| Accent | #3B2231 |
| Body Font | Inter |
| Heading Font | Inter |

## Color Palette

- primary: #9D968E
- secondary: #F7EEE2
- accent: #3B2231
- background: #E1E7EE
- textPrimary: #3B2231
- link: #3B2231

## Typography

- primary: Inter — https://fonts.google.com/specimen/Inter
- heading: Inter — https://fonts.google.com/specimen/Inter

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20viewBox%3D%220%200%2072.709%2032%22%20overflow%3D%22visible%22%20id%3D%22svg-922733404_3540%22%3E%3Cg%3E%3Cpath%20d%3D%22M%2032.481%2032%20C%2026.749%2032%2022.366%2027.188%2022.366%2021.055%20C%2022.366%2015.051%2026.666%209.941%2031.933%209.941%20C%2036.738%209.941%2039.941%2013.476%2039.941%2019.012%20L%2039.941%2019.692%20L%2026.58%2019.692%20L%2026.58%2019.948%20C%2026.58%2025.187%2029.572%2028.636%2033.872%2028.636%20C%2035.895%2028.636%2037.454%2028.081%2038.971%2026.72%20L%2039.982%2027.57%20C%2037.833%2030.851%2035.136%2032%2032.481%2032%20Z%20M%2026.708%2017.733%20L%2035.81%2017.733%20C%2035.641%2013.731%2034.546%2011.814%2031.764%2011.814%20C%2028.815%2011.814%2027.129%2013.987%2026.708%2017.733%20Z%22%20fill%3D%22var(--token-74aacac6-3bc1-4866-a8b7-6a6e4983c10a%2C%20rgb(59%2C%2034%2C%2049))%20%2F*%20%7B%26quot%3Bname%26quot%3B%3A%26quot%3BBrandPurple%26quot%3B%7D%20*%2F%22%2F%3E%3Cpath%20d%3D%22M%2024.232%2031.13%20C%2024.022%2031.13%2021.535%2031.087%2019.259%2031.087%20L%2018.88%2031.087%20C%2016.52%2031.087%2013.781%2031.13%2013.57%2031.13%20L%2013.57%2029.895%20L%2014.624%2029.767%20C%2016.225%2029.554%2016.857%2028.915%2016.857%2026.872%20L%2016.857%2016.608%20C%2016.857%2014.18%2015.508%2012.648%2013.527%2012.648%20C%2010.283%2012.648%207.923%2015.543%207.755%2020.313%20L%207.755%2026.872%20C%207.755%2028.915%208.387%2029.554%209.988%2029.767%20L%2011.042%2029.895%20L%2011.042%2031.129%20C%2010.83%2031.129%208.092%2031.087%205.732%2031.087%20L%205.352%2031.087%20C%203.076%2031.087%200.59%2031.13%200.38%2031.13%20L%200.38%2029.895%20L%201.349%2029.81%20C%203.034%2029.682%203.751%2028.915%203.751%2026.872%20L%203.751%205.366%20C%203.751%203.364%203.035%202.597%200.969%202.597%20L%200%202.597%20L%200%201.363%20L%200.59%201.277%20C%202.888%200.894%205.178%200.468%207.459%200%20L%207.754%200.128%20L%207.754%2014.01%20L%207.837%2014.01%20C%2010.029%2011.2%2012.684%209.795%2015.339%209.795%20C%2018.247%209.795%2020.859%2011.286%2020.859%2014.479%20L%2020.859%2026.872%20C%2020.859%2028.915%2021.576%2029.682%2023.262%2029.81%20L%2024.231%2029.895%20L%2024.231%2031.129%20Z%22%20fill%3D%22var(--token-74aacac6-3bc1-4866-a8b7-6a6e4983c10a%2C%20rgb(59%2C%2034%2C%2049))%20%2F*%20%7B%26quot%3Bname%26quot%3B%3A%26quot%3BBrandPurple%26quot%3B%7D%20*%2F%22%2F%3E%3Cpath%20d%3D%22M%2062.89%209.941%20C%2066.766%209.941%2069.548%2011.857%2069.548%2014.412%20L%2069.548%2025.909%20C%2069.548%2028.252%2069.675%2028.976%2071.909%2028.848%20L%2072.709%2028.806%20L%2072.709%2030.041%20C%2070.475%2030.637%2068.452%2031.191%2066.177%2031.83%20L%2065.882%2031.701%20L%2065.797%2028.167%20L%2065.671%2028.167%20C%2063.564%2030.764%2061.036%2031.915%2058.718%2031.915%20C%2055.852%2031.915%2053.956%2029.956%2053.956%2027.272%20C%2053.956%2022.077%2059.982%2019.182%2065.671%2018.031%20L%2065.671%2014.838%20C%2065.671%2012.965%2064.533%2011.729%2062.299%2011.729%20C%2061.288%2011.729%2060.53%2012.057%2059.935%2012.656%20C%2059.341%2013.257%2059.434%2014.671%2059.434%2014.671%20C%2059.434%2016.177%2058.633%2016.966%2057.722%2017.277%20C%2057.597%2017.324%2057.464%2017.358%2057.325%2017.383%20L%2057.301%2017.387%20L%2057.261%2017.394%20C%2057.084%2017.424%2056.908%2017.439%2056.737%2017.439%20L%2056.635%2017.439%20C%2056.305%2017.439%2055.978%2017.386%2055.665%2017.283%20C%2054.825%2017.001%2054.074%2016.315%2053.955%2015.036%20L%2053.94%2014.897%20C%2053.766%2013.481%2052.877%2012.666%2051.486%2012.666%20C%2049.677%2012.666%2047.656%2014.014%2046.843%2016.557%20C%2046.575%2017.401%2046.556%2027.03%2046.556%2027.03%20C%2046.556%2029.073%2047.23%2029.755%2049.042%2029.883%20L%2051.243%2030.011%20L%2051.243%2031.246%20C%2050.569%2031.246%2047.062%2031.203%2044.618%2031.203%20L%2044.238%2031.203%20C%2041.963%2031.203%2039.476%2031.246%2039.266%2031.246%20L%2039.266%2030.011%20L%2040.235%2029.925%20C%2041.921%2029.797%2042.637%2029.031%2042.637%2026.987%20L%2042.637%2015.946%20L%2042.636%2015.946%20C%2042.636%2013.603%2042.509%2012.879%2040.276%2013.006%20L%2039.474%2013.049%20L%2039.474%2011.814%20C%2041.708%2011.218%2043.731%2010.664%2046.007%2010.025%20L%2046.303%2010.153%20L%2046.386%2013.688%20L%2046.512%2013.688%20C%2048.62%2011.091%2051.149%209.941%2053.467%209.941%20C%2055.209%209.941%2056.593%2010.665%2057.41%2011.836%20C%2058.824%2010.749%2060.718%209.941%2062.888%209.941%20Z%20M%2065.671%2019.735%20C%2061.751%2020.672%2058.212%2022.545%2058.212%2026.421%20C%2058.212%2028.167%2059.139%2029.189%2060.698%2029.189%20C%2062.721%2029.189%2064.744%2027.4%2065.671%2024.377%20Z%22%20fill%3D%22var(--token-74aacac6-3bc1-4866-a8b7-6a6e4983c10a%2C%20rgb(59%2C%2034%2C%2049))%20%2F*%20%7B%26quot%3Bname%26quot%3B%3A%26quot%3BBrandPurple%26quot%3B%7D%20*%2F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fsvg%3E
- Favicon: https://framerusercontent.com/images/nLRh0RwxuBsftwB9JXGomwiImQ.png
- Social card (og:image): https://framerusercontent.com/assets/SMye3DNwhBzQJl6nW6qctnl60.png

## Brand Personality

Tone: professional · Energy: medium · Audience: families with aging parents

## Hera Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **About Hera | Changing the way we care for our parents**
  - Image: https://framerusercontent.com/images/HWMG4lZ8tnOofU64HlpxgvWD9o.jpg?width=3600&height=1931
  - Source: https://hellohera.com/about
- **Hera | Medicare-Covered Care Management for Aging Parents**
  - Image: https://framerusercontent.com/images/I5W1MIIiNmDFBsSKvOXS3iBnZ4.png?width=3097&height=2112
  - Source: https://hellohera.com/
- **Contact Hera | Schedule a Free Consultation**
  - Image: https://framerusercontent.com/images/UzjqoVOTsleWdi5qtOur1F6leI.png?width=2880&height=1866
  - Source: https://hellohera.com/contact
- **Hera | Medicare-Covered Care Management for Aging Parents**
  - Image: https://framerusercontent.com/images/tQTFyQd79x5IV8avLDELh5l0h98.webp?width=1587&height=2245
  - Source: https://hellohera.com/
- **Hera | Medicare-Covered Care Management for Aging Parents**
  - Image: https://framerusercontent.com/images/uEIyv3aNSK4nc5aWuSTt4DmLAcs.webp?width=1587&height=2245
  - Source: https://hellohera.com/
- **About Hera | Changing the way we care for our parents**
  - Image: https://framerusercontent.com/images/RGHGW2BBpjf6vRrIjF1pK39YrBQ.jpeg?width=2000&height=1333
  - Source: https://hellohera.com/about

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Geist Mono",
      "role": "monospace"
    },
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Helvetica",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#9D968E",
    "secondary": "#F7EEE2",
    "accent": "#3B2231",
    "background": "#E1E7EE",
    "textPrimary": "#3B2231",
    "link": "#3B2231"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Society Book",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Society Regular",
        "Society Regular Placeholder",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "48px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {},
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20viewBox%3D%220%200%2072.709%2032%22%20overflow%3D%22visible%22%20id%3D%22svg-922733404_3540%22%3E%3Cg%3E%3Cpath%20d%3D%22M%2032.481%2032%20C%2026.749%2032%2022.366%2027.188%2022.366%2021.055%20C%2022.366%2015.051%2026.666%209.941%2031.933%209.941%20C%2036.738%209.941%2039.941%2013.476%2039.941%2019.012%20L%2039.941%2019.692%20L%2026.58%2019.692%20L%2026.58%2019.948%20C%2026.58%2025.187%2029.572%2028.636%2033.872%2028.636%20C%2035.895%2028.636%2037.454%2028.081%2038.971%2026.72%20L%2039.982%2027.57%20C%2037.833%2030.851%2035.136%2032%2032.481%2032%20Z%20M%2026.708%2017.733%20L%2035.81%2017.733%20C%2035.641%2013.731%2034.546%2011.814%2031.764%2011.814%20C%2028.815%2011.814%2027.129%2013.987%2026.708%2017.733%20Z%22%20fill%3D%22var(--token-74aacac6-3bc1-4866-a8b7-6a6e4983c10a%2C%20rgb(59%2C%2034%2C%2049))%20%2F*%20%7B%26quot%3Bname%26quot%3B%3A%26quot%3BBrandPurple%26quot%3B%7D%20*%2F%22%2F%3E%3Cpath%20d%3D%22M%2024.232%2031.13%20C%2024.022%2031.13%2021.535%2031.087%2019.259%2031.087%20L%2018.88%2031.087%20C%2016.52%2031.087%2013.781%2031.13%2013.57%2031.13%20L%2013.57%2029.895%20L%2014.624%2029.767%20C%2016.225%2029.554%2016.857%2028.915%2016.857%2026.872%20L%2016.857%2016.608%20C%2016.857%2014.18%2015.508%2012.648%2013.527%2012.648%20C%2010.283%2012.648%207.923%2015.543%207.755%2020.313%20L%207.755%2026.872%20C%207.755%2028.915%208.387%2029.554%209.988%2029.767%20L%2011.042%2029.895%20L%2011.042%2031.129%20C%2010.83%2031.129%208.092%2031.087%205.732%2031.087%20L%205.352%2031.087%20C%203.076%2031.087%200.59%2031.13%200.38%2031.13%20L%200.38%2029.895%20L%201.349%2029.81%20C%203.034%2029.682%203.751%2028.915%203.751%2026.872%20L%203.751%205.366%20C%203.751%203.364%203.035%202.597%200.969%202.597%20L%200%202.597%20L%200%201.363%20L%200.59%201.277%20C%202.888%200.894%205.178%200.468%207.459%200%20L%207.754%200.128%20L%207.754%2014.01%20L%207.837%2014.01%20C%2010.029%2011.2%2012.684%209.795%2015.339%209.795%20C%2018.247%209.795%2020.859%2011.286%2020.859%2014.479%20L%2020.859%2026.872%20C%2020.859%2028.915%2021.576%2029.682%2023.262%2029.81%20L%2024.231%2029.895%20L%2024.231%2031.129%20Z%22%20fill%3D%22var(--token-74aacac6-3bc1-4866-a8b7-6a6e4983c10a%2C%20rgb(59%2C%2034%2C%2049))%20%2F*%20%7B%26quot%3Bname%26quot%3B%3A%26quot%3BBrandPurple%26quot%3B%7D%20*%2F%22%2F%3E%3Cpath%20d%3D%22M%2062.89%209.941%20C%2066.766%209.941%2069.548%2011.857%2069.548%2014.412%20L%2069.548%2025.909%20C%2069.548%2028.252%2069.675%2028.976%2071.909%2028.848%20L%2072.709%2028.806%20L%2072.709%2030.041%20C%2070.475%2030.637%2068.452%2031.191%2066.177%2031.83%20L%2065.882%2031.701%20L%2065.797%2028.167%20L%2065.671%2028.167%20C%2063.564%2030.764%2061.036%2031.915%2058.718%2031.915%20C%2055.852%2031.915%2053.956%2029.956%2053.956%2027.272%20C%2053.956%2022.077%2059.982%2019.182%2065.671%2018.031%20L%2065.671%2014.838%20C%2065.671%2012.965%2064.533%2011.729%2062.299%2011.729%20C%2061.288%2011.729%2060.53%2012.057%2059.935%2012.656%20C%2059.341%2013.257%2059.434%2014.671%2059.434%2014.671%20C%2059.434%2016.177%2058.633%2016.966%2057.722%2017.277%20C%2057.597%2017.324%2057.464%2017.358%2057.325%2017.383%20L%2057.301%2017.387%20L%2057.261%2017.394%20C%2057.084%2017.424%2056.908%2017.439%2056.737%2017.439%20L%2056.635%2017.439%20C%2056.305%2017.439%2055.978%2017.386%2055.665%2017.283%20C%2054.825%2017.001%2054.074%2016.315%2053.955%2015.036%20L%2053.94%2014.897%20C%2053.766%2013.481%2052.877%2012.666%2051.486%2012.666%20C%2049.677%2012.666%2047.656%2014.014%2046.843%2016.557%20C%2046.575%2017.401%2046.556%2027.03%2046.556%2027.03%20C%2046.556%2029.073%2047.23%2029.755%2049.042%2029.883%20L%2051.243%2030.011%20L%2051.243%2031.246%20C%2050.569%2031.246%2047.062%2031.203%2044.618%2031.203%20L%2044.238%2031.203%20C%2041.963%2031.203%2039.476%2031.246%2039.266%2031.246%20L%2039.266%2030.011%20L%2040.235%2029.925%20C%2041.921%2029.797%2042.637%2029.031%2042.637%2026.987%20L%2042.637%2015.946%20L%2042.636%2015.946%20C%2042.636%2013.603%2042.509%2012.879%2040.276%2013.006%20L%2039.474%2013.049%20L%2039.474%2011.814%20C%2041.708%2011.218%2043.731%2010.664%2046.007%2010.025%20L%2046.303%2010.153%20L%2046.386%2013.688%20L%2046.512%2013.688%20C%2048.62%2011.091%2051.149%209.941%2053.467%209.941%20C%2055.209%209.941%2056.593%2010.665%2057.41%2011.836%20C%2058.824%2010.749%2060.718%209.941%2062.888%209.941%20Z%20M%2065.671%2019.735%20C%2061.751%2020.672%2058.212%2022.545%2058.212%2026.421%20C%2058.212%2028.167%2059.139%2029.189%2060.698%2029.189%20C%2062.721%2029.189%2064.744%2027.4%2065.671%2024.377%20Z%22%20fill%3D%22var(--token-74aacac6-3bc1-4866-a8b7-6a6e4983c10a%2C%20rgb(59%2C%2034%2C%2049))%20%2F*%20%7B%26quot%3Bname%26quot%3B%3A%26quot%3BBrandPurple%26quot%3B%7D%20*%2F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fsvg%3E",
    "favicon": "https://framerusercontent.com/images/nLRh0RwxuBsftwB9JXGomwiImQ.png",
    "ogImage": "https://framerusercontent.com/assets/SMye3DNwhBzQJl6nW6qctnl60.png",
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, which is a strong indicator of being the main brand logo for Hera.",
    "confidence": 0.9,
    "source": "llm"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "families with aging parents"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0,
    "colors": 0.9,
    "overall": 0.45
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, which is a strong indicator of being the main brand logo for Hera.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": false,
      "llmSucceeded": false
    }
  }
}
```