# Yuzu Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #FF3C00 |
| Accent | #FF3C00 |
| Body Font | Inter |
| Heading Font | Diatype |

## Color Palette

- primary: #FF3C00
- secondary: #2189B5
- accent: #FF3C00
- background: #F6F5F2
- textPrimary: #1B1B1B
- link: #2189B5

## Typography

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

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20id%3D%22logo%22%20class%3D%22-ml-%5B0.2em%5D%20-mt-%5B0.25em%5D%20h-%5B1.75em%5D%20text-sm%20svelte-ge8nj9%22%20fill%3D%22none%22%20viewBox%3D%220%200%2092%2079%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4042_2657)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20class%3D%22fill-accent%20svelte-ge8nj9%22%20d%3D%22M89.0613%2014.2042C89.0613%206.45356%2082.7782%200.17041%2075.0275%200.17041C67.2769%200.17041%2060.9937%206.45356%2060.9937%2014.2042C60.9937%2021.9549%2067.2769%2028.238%2075.0275%2028.238C82.7782%2028.238%2089.0613%2021.9549%2089.0613%2014.2042Z%22%20style%3D%22fill%3A%20rgb(255%2C%2060%2C%200)%20!important%3B%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M11.0608%2051.1588V71.4155V78.4155H18.0608H71.0608H78.0608V71.4155V18.4155V11.4155H71.0608H36.7594V18.4155H71.0608V71.4155H18.0608V51.1588H11.0608Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20style%3D%22fill%3A%20oklch(0.22%200%20none)%20!important%3B%22%2F%3E%3Cmask%20id%3D%22mask0_4042_2657%22%20height%3D%2268%22%20maskUnits%3D%22userSpaceOnUse%22%20width%3D%2268%22%20x%3D%2211%22%20y%3D%2211%22%20style%3D%22mask-type%3A%20luminance%3B%20fill%3A%20none%20!important%3B%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M11.0608%2051.1588V71.4155V78.4155H18.0608H71.0608H78.0608V71.4155V18.4155V11.4155H71.0608H36.7594V18.4155H71.0608V71.4155H18.0608V51.1588H11.0608Z%22%20fill%3D%22black%22%20fill-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_4042_2657)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M11.0608%2051.1588V50.2555H10.1575V51.1588H11.0608ZM11.0608%2078.4155H10.1575V79.3188H11.0608V78.4155ZM78.0608%2078.4155V79.3188H78.9641V78.4155H78.0608ZM78.0608%2011.4155H78.9641V10.5122H78.0608V11.4155ZM36.7594%2011.4155V10.5122H35.856V11.4155H36.7594ZM36.7594%2018.4155H35.856V19.3188H36.7594V18.4155ZM71.0608%2018.4155H71.9641V17.5122H71.0608V18.4155ZM71.0608%2071.4155V72.3188H71.9641V71.4155H71.0608ZM18.0608%2071.4155H17.1575V72.3188H18.0608V71.4155ZM18.0608%2051.1588H18.9641V50.2555H18.0608V51.1588ZM10.1575%2051.1588V71.4155H11.9641V51.1588H10.1575ZM10.1575%2071.4155V78.4155H11.9641V71.4155H10.1575ZM11.0608%2079.3188H18.0608V77.5122H11.0608V79.3188ZM18.0608%2079.3188H71.0608V77.5122H18.0608V79.3188ZM71.0608%2079.3188H78.0608V77.5122H71.0608V79.3188ZM78.9641%2078.4155V71.4155H77.1575V78.4155H78.9641ZM78.9641%2071.4155V18.4155H77.1575V71.4155H78.9641ZM78.9641%2018.4155V11.4155H77.1575V18.4155H78.9641ZM78.0608%2010.5122H71.0608V12.3188H78.0608V10.5122ZM71.0608%2010.5122H36.7594V12.3188H71.0608V10.5122ZM35.856%2011.4155V18.4155H37.6627V11.4155H35.856ZM71.0608%2017.5122H36.7594V19.3188H71.0608V17.5122ZM71.9641%2071.4155V18.4155H70.1575V71.4155H71.9641ZM18.0608%2072.3188H71.0608V70.5122H18.0608V72.3188ZM17.1575%2051.1588V71.4155H18.9641V51.1588H17.1575ZM18.0608%2050.2555H11.0608V52.0622H18.0608V50.2555Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.22%200%20none)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M8.19409%2011.2556H0.244873L11.0558%2028.6247V41.2242H17.9716V28.6247L28.7825%2011.2556H20.9923L14.5932%2021.9076L8.19409%2011.2556Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.22%200%20none)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M133.324%2056.2767L121.387%2079.8042H130.965L156.852%2028.238H147.274L138.044%2047.1156H137.905L127.356%2028.238H117.5L133.324%2056.2767ZM176.31%2063.1476C180.96%2063.1476%20184.916%2061.4125%20187.692%2058.7058C190.121%2056.3461%20191.509%2053.1536%20191.509%2048.2954V28.238H182.487V47.8096C182.487%2050.6551%20181.931%2051.9043%20180.96%2052.876C179.849%2053.9864%20178.184%2054.6804%20176.31%2054.6804C174.436%2054.6804%20172.77%2053.9864%20171.66%2052.876C170.688%2051.9043%20170.133%2050.6551%20170.133%2047.8096V28.238H161.111V48.2954C161.111%2053.1536%20162.499%2056.3461%20164.928%2058.7058C167.704%2061.4125%20171.66%2063.1476%20176.31%2063.1476ZM214.943%2035.8723L196.204%2062.1759H229.379V54.5416H211.82L230.489%2028.238H198.564V35.8723H214.943ZM251.202%2063.1476C255.852%2063.1476%20259.807%2061.4125%20262.584%2058.7058C265.013%2056.3461%20266.401%2053.1536%20266.401%2048.2954V28.238H257.378V47.8096C257.378%2050.6551%20256.823%2051.9043%20255.852%2052.876C254.741%2053.9864%20253.075%2054.6804%20251.202%2054.6804C249.328%2054.6804%20247.662%2053.9864%20246.552%2052.876C245.58%2051.9043%20245.025%2050.6551%20245.025%2047.8096V28.238H236.002V48.2954C236.002%2053.1536%20237.39%2056.3461%20239.82%2058.7058C242.596%2061.4125%20246.552%2063.1476%20251.202%2063.1476Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.22%200%20none)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22clip0_4042_2657%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20fill%3D%22white%22%20height%3D%2280%22%20width%3D%22267%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E
- Favicon: https://yuzu-content-prod.s3.amazonaws.com/public/2957f66e-db75-4a3b-899f-328441b9f017/favicon.svg
- Social card (og:image): https://cdn.yuzu.health/image.png

## UI Components

- buttonPrimary: background=#FF3C00, textColor=#FAFAFA, borderRadius=8px, shadow=none
- buttonSecondary: background=#F6F5F2, textColor=#1B1B1B, borderRadius=8px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: health-conscious individuals looking to customize their health plans

## Yuzu Brand in the Wild

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

- **Shadowing My Sister, A Real Healthcare Worker**
  - Image: https://cdn.yuzu.health/0f715f9b-12d5-4e17-8aee-f0bc9d19da5b/8a607384-5f30-40a7-85e6-03450169c938.jpg
  - Source: https://yuzu.health/blog/shadowing-my-sister-a-real-healthcare-worker
- **We Accept Insurance" is a Misnomer**
  - Image: https://cdn.yuzu.health/779a7468-19e6-4f21-aec0-175be2e20f52/image.png
  - Source: https://yuzu.health/blog/we-accept-insurance-is-a-misnomer
- **DPC Enrollment Updates**
  - Image: https://cdn.yuzu.health/935131cc-edde-4772-ac94-59520f8eb814/image.png
  - Source: https://yuzu.health/docs/guides/dpc-enrollment-updates
- **Parts of a Health Plan**
  - Image: https://cdn.yuzu.health/7094844c-55e8-48e8-bf8c-ba4fc7a2cf3d/image.png
  - Source: https://yuzu.health/blog/parts-of-a-health-plan
- **Healthcare Data Part II: The Markets**
  - Image: https://cdn.yuzu.health/028587cb-d71e-49bb-b376-2e1d3d9c8c98/image.png
  - Source: https://yuzu.health/blog/healthcare-data-part-ii-the-markets
- **Franz Kafka's Insurance Career**
  - Image: https://cdn.yuzu.health/9bd7e405-1b2d-4738-8198-9d3231589f50/image.png
  - Source: https://yuzu.health/blog/franz-kafkas-insurance-careers

## 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": "Diatype",
      "role": "heading"
    },
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#FF3C00",
    "secondary": "#2189B5",
    "accent": "#FF3C00",
    "background": "#F6F5F2",
    "textPrimary": "#1B1B1B",
    "link": "#2189B5"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Diatype"
    },
    "fontStacks": {
      "heading": [
        "Diatype"
      ],
      "body": [
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "sans-serif"
      ],
      "paragraph": [
        "Diatype"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "36px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FF3C00",
      "textColor": "#FAFAFA",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F6F5F2",
      "textColor": "#1B1B1B",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20id%3D%22logo%22%20class%3D%22-ml-%5B0.2em%5D%20-mt-%5B0.25em%5D%20h-%5B1.75em%5D%20text-sm%20svelte-ge8nj9%22%20fill%3D%22none%22%20viewBox%3D%220%200%2092%2079%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4042_2657)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20class%3D%22fill-accent%20svelte-ge8nj9%22%20d%3D%22M89.0613%2014.2042C89.0613%206.45356%2082.7782%200.17041%2075.0275%200.17041C67.2769%200.17041%2060.9937%206.45356%2060.9937%2014.2042C60.9937%2021.9549%2067.2769%2028.238%2075.0275%2028.238C82.7782%2028.238%2089.0613%2021.9549%2089.0613%2014.2042Z%22%20style%3D%22fill%3A%20rgb(255%2C%2060%2C%200)%20!important%3B%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M11.0608%2051.1588V71.4155V78.4155H18.0608H71.0608H78.0608V71.4155V18.4155V11.4155H71.0608H36.7594V18.4155H71.0608V71.4155H18.0608V51.1588H11.0608Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20style%3D%22fill%3A%20oklch(0.22%200%20none)%20!important%3B%22%2F%3E%3Cmask%20id%3D%22mask0_4042_2657%22%20height%3D%2268%22%20maskUnits%3D%22userSpaceOnUse%22%20width%3D%2268%22%20x%3D%2211%22%20y%3D%2211%22%20style%3D%22mask-type%3A%20luminance%3B%20fill%3A%20none%20!important%3B%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M11.0608%2051.1588V71.4155V78.4155H18.0608H71.0608H78.0608V71.4155V18.4155V11.4155H71.0608H36.7594V18.4155H71.0608V71.4155H18.0608V51.1588H11.0608Z%22%20fill%3D%22black%22%20fill-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_4042_2657)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M11.0608%2051.1588V50.2555H10.1575V51.1588H11.0608ZM11.0608%2078.4155H10.1575V79.3188H11.0608V78.4155ZM78.0608%2078.4155V79.3188H78.9641V78.4155H78.0608ZM78.0608%2011.4155H78.9641V10.5122H78.0608V11.4155ZM36.7594%2011.4155V10.5122H35.856V11.4155H36.7594ZM36.7594%2018.4155H35.856V19.3188H36.7594V18.4155ZM71.0608%2018.4155H71.9641V17.5122H71.0608V18.4155ZM71.0608%2071.4155V72.3188H71.9641V71.4155H71.0608ZM18.0608%2071.4155H17.1575V72.3188H18.0608V71.4155ZM18.0608%2051.1588H18.9641V50.2555H18.0608V51.1588ZM10.1575%2051.1588V71.4155H11.9641V51.1588H10.1575ZM10.1575%2071.4155V78.4155H11.9641V71.4155H10.1575ZM11.0608%2079.3188H18.0608V77.5122H11.0608V79.3188ZM18.0608%2079.3188H71.0608V77.5122H18.0608V79.3188ZM71.0608%2079.3188H78.0608V77.5122H71.0608V79.3188ZM78.9641%2078.4155V71.4155H77.1575V78.4155H78.9641ZM78.9641%2071.4155V18.4155H77.1575V71.4155H78.9641ZM78.9641%2018.4155V11.4155H77.1575V18.4155H78.9641ZM78.0608%2010.5122H71.0608V12.3188H78.0608V10.5122ZM71.0608%2010.5122H36.7594V12.3188H71.0608V10.5122ZM35.856%2011.4155V18.4155H37.6627V11.4155H35.856ZM71.0608%2017.5122H36.7594V19.3188H71.0608V17.5122ZM71.9641%2071.4155V18.4155H70.1575V71.4155H71.9641ZM18.0608%2072.3188H71.0608V70.5122H18.0608V72.3188ZM17.1575%2051.1588V71.4155H18.9641V51.1588H17.1575ZM18.0608%2050.2555H11.0608V52.0622H18.0608V50.2555Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.22%200%20none)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M8.19409%2011.2556H0.244873L11.0558%2028.6247V41.2242H17.9716V28.6247L28.7825%2011.2556H20.9923L14.5932%2021.9076L8.19409%2011.2556Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.22%200%20none)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M133.324%2056.2767L121.387%2079.8042H130.965L156.852%2028.238H147.274L138.044%2047.1156H137.905L127.356%2028.238H117.5L133.324%2056.2767ZM176.31%2063.1476C180.96%2063.1476%20184.916%2061.4125%20187.692%2058.7058C190.121%2056.3461%20191.509%2053.1536%20191.509%2048.2954V28.238H182.487V47.8096C182.487%2050.6551%20181.931%2051.9043%20180.96%2052.876C179.849%2053.9864%20178.184%2054.6804%20176.31%2054.6804C174.436%2054.6804%20172.77%2053.9864%20171.66%2052.876C170.688%2051.9043%20170.133%2050.6551%20170.133%2047.8096V28.238H161.111V48.2954C161.111%2053.1536%20162.499%2056.3461%20164.928%2058.7058C167.704%2061.4125%20171.66%2063.1476%20176.31%2063.1476ZM214.943%2035.8723L196.204%2062.1759H229.379V54.5416H211.82L230.489%2028.238H198.564V35.8723H214.943ZM251.202%2063.1476C255.852%2063.1476%20259.807%2061.4125%20262.584%2058.7058C265.013%2056.3461%20266.401%2053.1536%20266.401%2048.2954V28.238H257.378V47.8096C257.378%2050.6551%20256.823%2051.9043%20255.852%2052.876C254.741%2053.9864%20253.075%2054.6804%20251.202%2054.6804C249.328%2054.6804%20247.662%2053.9864%20246.552%2052.876C245.58%2051.9043%20245.025%2050.6551%20245.025%2047.8096V28.238H236.002V48.2954C236.002%2053.1536%20237.39%2056.3461%20239.82%2058.7058C242.596%2061.4125%20246.552%2063.1476%20251.202%2063.1476Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.22%200%20none)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22clip0_4042_2657%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20fill%3D%22white%22%20height%3D%2280%22%20width%3D%22267%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
    "favicon": "https://yuzu-content-prod.s3.amazonaws.com/public/2957f66e-db75-4a3b-899f-328441b9f017/favicon.svg",
    "ogImage": "https://cdn.yuzu.health/image.png",
    "logoHref": "/",
    "logoAlt": "logo"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Yuzu Health'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Get Started",
      "reasoning": "Button #0 with text 'Get Started' uses the vibrant brand color #FF3C00, making it the primary call-to-action. The text is action-oriented, encouraging users to begin their journey with the service."
    },
    "secondary": {
      "index": 1,
      "text": "Skip to Content",
      "reasoning": "Button #1 with text 'Skip to Content' has a subtle background color #F6F5F2, making it less prominent and suitable as a secondary button."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "health-conscious individuals looking to customize their health plans"
  },
  "designSystem": {
    "framework": "tailwind",
    "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, located in the header, and links to the homepage, matching the brand 'Yuzu Health'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```