legacy.json

Legacy Brand Identity

A complete profile of Legacy's visual system — colors, typography, components, and personality — extracted from Legacy. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #212B1A
Accent #6ED39B
Body Font Roboto
Heading Font Roboto

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: health-conscious individuals seeking fertility solutions

Legacy Brand in the Wild

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

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Ptlspekta",
      "role": "unknown"
    },
    {
      "family": "Impact",
      "role": "unknown"
    },
    {
      "family": "Roboto",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#212B1A",
    "secondary": "#6ED39B",
    "accent": "#6ED39B",
    "background": "#FFFFFF",
    "textPrimary": "#769A85",
    "link": "#769A85"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Roboto"
    },
    "fontStacks": {
      "heading": [
        "Ptlspekta",
        "Impact",
        "sans-serif"
      ],
      "body": [
        "Ptlspekta",
        "Impact",
        "sans-serif"
      ],
      "paragraph": [
        "Ptlspekta",
        "Impact",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "24px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "16px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#1E293B",
      "borderColor": null,
      "borderRadius": "14px",
      "borderRadiusCorners": {
        "topLeft": "14px",
        "topRight": "14px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#6ED39B",
      "textColor": "#212B1A",
      "borderColor": "#6ED39B",
      "borderRadius": "32px",
      "borderRadiusCorners": {
        "topLeft": "32px",
        "topRight": "32px",
        "bottomRight": "32px",
        "bottomLeft": "32px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#212B1A",
      "borderColor": "#FFFFFF",
      "borderRadius": "32px",
      "borderRadiusCorners": {
        "topLeft": "32px",
        "topRight": "32px",
        "bottomRight": "32px",
        "bottomLeft": "32px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22160%22%20height%3D%2224.930%22%20viewBox%3D%220%200%20292%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%20%20%20%20%3Cg%20clip-path%3D%22url(%23clip0_11084_1299)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M78.1352%2042.1544H96.6124V45.0359H71.045V4.63141H78.1352V42.1544ZM102.838%2045.0359H128.706V42.1544H109.916V26.7098H126.589V23.7387H109.916V7.50006H128.706V4.63141H102.838V45.0359ZM165.473%2039.337C163.857%2042.1544%20159.209%2043.4351%20155.526%2043.4351C147.334%2043.4351%20140.494%2037.6337%20140.494%2024.8529C140.494%2012.072%20147.371%206.27064%20155.526%206.27064C162.153%206.27064%20167.177%209.13929%20169.832%2017.5147H170.496V7.55129C166.475%204.98999%20161.301%203.95266%20155.677%203.95266C141.058%203.95266%20132.728%2013.3014%20132.728%2024.8529C132.728%2036.4043%20140.958%2045.7915%20155.526%2045.7915C162.103%2045.7915%20169.181%2043.371%20172.25%2039.9389V26.7098H165.473V39.337ZM196.953%204.63141L212.674%2045.0359H205.346L199.872%2030.9487H184.664L179.278%2045.0359H176.033L191.792%204.63141H196.953ZM198.206%2026.7098L192.193%2011.2139L186.268%2026.7098H198.206ZM237.139%2043.4351C228.947%2043.4351%20222.107%2037.6337%20222.107%2024.8529C222.107%2012.072%20228.984%206.27064%20237.139%206.27064C243.766%206.27064%20248.789%209.13929%20251.445%2017.5147H252.096V7.55129C248.088%204.98999%20242.914%203.95266%20237.29%203.95266C222.671%203.95266%20214.34%2013.3014%20214.34%2024.8529C214.34%2036.4043%20222.52%2045.7915%20237.139%2045.7915C242.397%2045.9708%20247.608%2044.7295%20252.247%2042.1928V32.191H251.645C248.99%2040.5664%20243.766%2043.4351%20237.139%2043.4351ZM288.612%204.63141L276.461%2025.1218L265.312%204.69544H257.37L270.586%2028.618V45.0359H277.714V28.6052L291.932%204.63141H288.612ZM0.65625%2022.9959L12.5318%2022.1379C14.8057%2021.9603%2016.9435%2020.9605%2018.5619%2019.3178C20.1802%2017.6751%2021.1734%2015.4967%2021.3632%2013.1733L22.2025%200.96875C16.5802%201.25962%2011.2636%203.67371%207.28286%207.74326C3.30216%2011.8128%200.940775%2017.2481%200.65625%2022.9959ZM34.1657%2022.1379L46.0413%2022.9959C45.756%2017.2418%2043.3893%2011.8013%2039.4007%207.73086C35.4122%203.6604%2030.0864%201.25039%2024.4574%200.96875L25.2967%2013.1093C25.4724%2015.4441%2026.4592%2017.6377%2028.0789%2019.2936C29.6986%2020.9494%2031.8443%2021.9583%2034.1282%2022.1379H34.1657ZM25.3593%2035.2261L24.4574%2047.3667C30.0925%2047.0842%2035.4234%2044.6688%2039.4129%2040.5903C43.4023%2036.5119%2045.765%2031.062%2046.0413%2025.3011L34.1657%2026.1591C31.8931%2026.3532%2029.7623%2027.3685%2028.1554%2029.023C26.5485%2030.6775%2025.5706%2032.863%2025.3969%2035.1877L25.3593%2035.2261ZM12.5944%2026.2231L0.65625%2025.3011C0.940775%2031.0489%203.30216%2036.4842%207.28286%2040.5537C11.2636%2044.6233%2016.5802%2047.0374%2022.2025%2047.3282L21.3632%2035.1877C21.1754%2032.8744%2020.1912%2030.7041%2018.5856%2029.0627C16.9801%2027.4213%2014.8572%2026.4152%2012.5944%2026.2231Z%22%20fill%3D%22%23B08A37%22%20style%3D%22fill%3A%20rgb(176%2C%20138%2C%2055)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%3CclipPath%20id%3D%22clip0_11084_1299%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20width%3D%22291.276%22%20height%3D%2246.3979%22%20fill%3D%22white%22%20transform%3D%22translate(0.65625%200.96875)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%3C%2Fsvg%3E
    "favicon": "https://cdn.prod.website-files.com/67db011dcfaa181261c2d69f/67fe5d904aff5db30eace0d4_LEGACY-ICON_32x32.png",
    "ogImage": "https://cdn.prod.website-files.com/68810031238f07e042d93aed/69208c76fcc929978549dbd5_Legacy%20sperm%20testing%20and%20freezing.jpg",
    "logoHref": "https://www.givelegacy.com/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 5,
    "reasoning": "Selected #5 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 1,
      "text": "Get recommendation",
      "reasoning": "Button #1 has a vibrant green background (#6ED39B), which is the brand's accent color, and the text 'Get recommendation' is action-oriented, making it the primary CTA."
    },
    "secondary": {
      "index": 4,
      "text": "Get started",
      "reasoning": "Button #4 has a white background (#FFFFFF), which is distinct from the primary button's vibrant green, and the text 'Get started' suggests a secondary action."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "health-conscious individuals seeking fertility solutions"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 5,
        "selectedLogoReasoning": "Selected #5 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}