vitalize.json

Vitalize Brand Identity

A complete profile of Vitalize's visual system — colors, typography, components, and personality — extracted from https://vitalize.care. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #0000EE
Accent #186FF1
Body Font APK Protocol Regular
Heading Font APK Protocol Medium

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: healthcare professionals

Vitalize Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? 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": "APK Protocol Medium",
      "role": "heading"
    },
    {
      "family": "APK Protocol Regular",
      "role": "body"
    },
    {
      "family": "APK Protocol Semi-Bold",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#191F2D",
    "accent": "#186FF1",
    "background": "#FFFFFF",
    "textPrimary": "#186FF1",
    "link": "#186FF1"
  },
  "typography": {
    "fontFamilies": {
      "primary": "APK Protocol Regular",
      "heading": "APK Protocol Medium"
    },
    "fontStacks": {
      "heading": [
        "APK Protocol Semi-Bold",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "APK Protocol Medium",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "40px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#186FF1",
      "textColor": "#0000EE",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0000EE",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%2522http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%2522%20xmlns%3Axlink%3D%2522http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%2522%20viewBox%3D%25220%200%20110.587%2018.424%2522%20overflow%3D%2522visible%2522%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%2522idsyxlioofG8_2g-2062727743%2522%20x1%3D%25220.49751243781094523%2522%20x2%3D%25220.5024875621890548%2522%20y1%3D%25220%2522%20y2%3D%25221%2522%3E%3Cstop%20offset%3D%25220%2522%20stop-color%3D%2522rgb(65%2C140%2C255)%2522%20stop-opacity%3D%25221%2522%3E%3C%2Fstop%3E%3Cstop%20offset%3D%25221%2522%20stop-color%3D%2522rgb(31%2C38%2C70)%2522%20stop-opacity%3D%25221%2522%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%2522M%207.396%200%20C%207.629%200%207.816%200.19%207.816%200.422%20L%207.816%207.638%20C%207.816%209.597%209.043%209.908%2010.023%2010.046%20C%2013.438%2010.528%2015.633%2013.994%2015.633%2017.641%20L%2015.633%2017.705%20C%2015.634%2017.817%2015.59%2017.924%2015.511%2018.004%20C%2015.432%2018.084%2015.325%2018.128%2015.213%2018.129%20L%208.235%2018.129%20C%208.123%2018.128%208.016%2018.083%207.938%2018.004%20C%207.859%2017.924%207.815%2017.817%207.816%2017.705%20L%207.816%2012.548%20C%207.816%2011.26%207.686%2010.763%207.331%2010.394%20C%206.871%209.917%206.257%209.621%205.623%209.434%20C%202.374%208.475%200%205.445%200%201.854%20L%200%200.423%20C%20-0.001%200.311%200.043%200.204%200.122%200.124%20C%200.2%200.045%200.307%200%200.419%200%20Z%20M%2021.896%200%20C%2022.008%200%2022.115%200.045%2022.194%200.124%20C%2022.273%200.203%2022.317%200.31%2022.316%200.422%20L%2022.316%206.875%20C%2022.316%206.987%2022.272%207.094%2022.193%207.173%20C%2022.115%207.252%2022.008%207.296%2021.896%207.296%20L%2015.486%207.296%20C%2015.374%207.296%2015.267%207.252%2015.189%207.173%20C%2015.11%207.094%2015.066%206.987%2015.066%206.875%20L%2015.066%200.422%20C%2015.065%200.31%2015.109%200.203%2015.188%200.124%20C%2015.267%200.045%2015.374%200%2015.486%200%20Z%2522%20fill%3D%2522url(%2523idsyxlioofG8_2g-2062727743)%2522%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cpath%20d%3D%2522M%2039.072%2018.136%20L%2033%201%20L%2036.168%201%20L%2040.776%2015.424%20L%2040.848%2015.424%20L%2045.456%201%20L%2048.624%201%20L%2042.528%2018.136%20Z%20M%2050.078%2018.136%20L%2050.078%205.728%20L%2052.79%205.728%20L%2052.79%2018.136%20Z%20M%2049.91%203.784%20L%2049.91%201%20L%2052.958%201%20L%2052.958%203.784%20Z%20M%2058.234%2018.136%20C%2057.226%2018.136%2056.434%2017.344%2056.434%2016.312%20L%2056.434%207.888%20L%2054.201%207.888%20L%2054.201%205.728%20L%2056.433%205.728%20L%2056.433%202.008%20L%2059.145%202.008%20L%2059.145%205.728%20L%2061.738%205.728%20L%2061.738%207.888%20L%2059.145%207.888%20L%2059.145%2015.88%20L%2061.738%2015.88%20L%2061.738%2018.136%20L%2058.232%2018.136%20Z%20M%2067.379%2018.424%20C%2064.859%2018.424%2063.203%2016.96%2063.203%2014.608%20C%2063.203%2012.376%2064.931%2011.248%2068.051%2010.984%20C%2070.619%2010.768%2071.627%2010.504%2071.627%209.424%20C%2071.627%208.248%2070.595%207.576%2069.155%207.576%20C%2067.547%207.576%2066.491%208.176%2066.395%209.76%20L%2063.732%209.76%20C%2063.732%207.408%2065.892%205.416%2069.156%205.416%20C%2072.06%205.416%2074.34%206.784%2074.34%209.832%20L%2074.34%2015.976%20L%2075.348%2015.976%20L%2075.348%2018.136%20L%2073.38%2018.136%20C%2072.492%2018.136%2071.796%2017.464%2071.796%2016.6%20L%2071.796%2016.264%20L%2071.724%2016.264%20C%2070.668%2017.68%2069.084%2018.424%2067.38%2018.424%20Z%20M%2068.051%2016.216%20C%2069.851%2016.216%2071.651%2014.992%2071.651%2012.712%20L%2071.651%2011.944%20C%2070.931%2012.472%2069.779%2012.664%2068.603%2012.784%20C%2066.875%2012.976%2065.987%2013.528%2065.987%2014.608%20C%2065.987%2015.664%2066.875%2016.216%2068.051%2016.216%20Z%20M%2077.107%2018.136%20L%2077.107%201%20L%2079.819%201%20L%2079.819%2018.136%20Z%20M%2082.587%2018.136%20L%2082.587%205.728%20L%2085.299%205.728%20L%2085.299%2018.136%20Z%20M%2082.419%203.784%20L%2082.419%201%20L%2085.467%201%20L%2085.467%203.784%20Z%20M%2087.162%2016.216%20L%2094.146%208.008%20L%2087.642%208.008%20L%2087.642%205.728%20L%2097.459%205.728%20L%2097.459%207.552%20L%2090.403%2015.856%20L%2097.794%2015.856%20L%2097.794%2018.136%20L%2087.163%2018.136%20L%2087.163%2016.216%20Z%20M%20104.803%2018.424%20C%20101.011%2018.424%2098.731%2015.736%2098.731%2011.92%20C%2098.731%208.08%20100.963%205.416%20104.683%205.416%20C%20108.427%205.416%20110.587%207.984%20110.587%2011.92%20C%20110.587%2012.088%20110.587%2012.472%20110.563%2012.688%20L%20101.467%2012.688%20C%20101.683%2014.848%20102.811%2016.192%20104.803%2016.192%20C%20106.243%2016.192%20107.299%2015.4%20107.755%2014.104%20L%20110.443%2014.104%20C%20109.795%2016.912%20107.683%2018.424%20104.803%2018.424%20Z%20M%20101.515%2010.672%20L%20107.803%2010.672%20C%20107.539%208.632%20106.363%207.576%20104.707%207.576%20C%20103.003%207.576%20101.851%208.752%20101.515%2010.672%20Z%2522%20fill%3D%2522rgb(25%2C31%2C45)%2522%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E",
    "favicon": "https://framerusercontent.com/images/IdzcP6sPvZMdPIX3FeD8N8FR2Tw.png",
    "ogImage": "https://framerusercontent.com/images/kpYrQe6exeosXpLF07HtNat66Y.png",
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, aligning with the brand 'Vitalize'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Book a demo",
      "reasoning": "Button #0 has a vibrant brand color (#186FF1) and action-oriented text ('Book a demo'), making it the primary CTA."
    },
    "secondary": {
      "index": 2,
      "text": "Join our team",
      "reasoning": "Button #2 has a different background color (#FFFFFF) and serves a secondary action ('Join our team'), making it suitable as the secondary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "healthcare professionals"
  },
  "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": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, aligning with the brand 'Vitalize'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}