# Bemlo Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #4B5563 |
| Accent | #0E55B8 |
| Body Font | Circular |
| Heading Font | Circular |

## Color Palette

- primary: #4B5563
- secondary: #9CA3AF
- accent: #0E55B8
- background: #FFFFFF
- textPrimary: #0A0A0A
- link: #0E55B8

## Typography

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

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%201852%20385%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22w-24%20md%3Aw-30%20text-bemloBlue%20h-fit%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M152.583%20376.332C135.263%20376.332%20121.222%20362.392%20121.222%20345.197V255.982H31.361C14.0408%20255.982%200%20242.042%200%20224.846V154.193C0%20136.997%2014.0408%20123.057%2031.361%20123.057H121.222V33.8424C121.222%2016.6468%20135.263%202.70703%20152.583%202.70703H223.749C241.069%202.70703%20255.11%2016.6468%20255.11%2033.8424V123.057H344.971C362.292%20123.057%20376.332%20136.997%20376.332%20154.193V224.846C376.332%20242.042%20362.291%20255.982%20344.971%20255.982H255.111L255.11%20123.057L121.222%20123.057L121.224%20320.649L177.173%20265.102C183.054%20259.263%20191.031%20255.983%20199.348%20255.983L255.111%20255.982L255.11%20345.197C255.11%20362.392%20241.069%20376.332%20223.749%20376.332H152.583Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M500.874%207.80353V376.651H643.621C712.911%20376.651%20757.715%20333.471%20757.715%20273.644C757.715%20227.863%20728.54%20195.089%20692.593%20186.245C723.33%20175.84%20746.253%20145.146%20746.253%20107.169C746.253%2049.9427%20705.617%207.80353%20633.723%207.80353H500.874ZM571.726%20160.233V68.1509H622.261C657.166%2068.1509%20675.401%2085.839%20675.401%20113.932C675.401%20142.024%20655.604%20160.233%20622.782%20160.233H571.726ZM571.726%20316.824V219.54H631.118C667.065%20219.54%20685.82%20239.829%20685.82%20268.962C685.82%20298.616%20664.981%20316.824%20630.076%20316.824H571.726Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M848.548%20219.54C850.111%20196.129%20869.908%20169.077%20905.855%20169.077C945.45%20169.077%20962.121%20194.048%20963.163%20219.54H848.548ZM969.935%20286.13C961.6%20309.02%20943.887%20325.148%20911.586%20325.148C877.202%20325.148%20848.548%20300.697%20846.985%20266.881H1030.37C1030.37%20265.841%201031.41%20255.436%201031.41%20245.552C1031.41%20163.354%20984.002%20112.891%20904.813%20112.891C839.17%20112.891%20778.737%20165.955%20778.737%20247.632C778.737%20333.992%20840.733%20384.455%20911.065%20384.455C974.103%20384.455%201014.74%20347.518%201027.76%20303.298L969.935%20286.13Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1129.22%20376.651V226.823C1129.22%20198.73%201146.93%20176.36%201177.15%20176.36C1208.4%20176.36%201222.47%20197.17%201222.47%20224.742V376.651H1291.24V226.823C1291.24%20199.25%201308.95%20176.36%201338.65%20176.36C1370.43%20176.36%201383.97%20197.17%201383.97%20224.742V376.651H1451.18V210.696C1451.18%20142.024%201405.85%20113.411%201358.45%20113.411C1324.58%20113.411%201297.49%20124.857%201277.17%20156.071C1264.15%20128.498%201236.02%20113.411%201201.11%20113.411C1172.98%20113.411%201140.16%20126.938%201126.09%20151.909V120.695H1059.93V376.651H1129.22Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1554.2%20376.651V0H1484.91V376.651H1554.2Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1717.47%20321.506C1683.6%20321.506%201652.35%20296.535%201652.35%20248.673C1652.35%20200.291%201683.6%20175.84%201717.47%20175.84C1751.33%20175.84%201782.59%20200.291%201782.59%20248.673C1782.59%20297.055%201751.33%20321.506%201717.47%20321.506ZM1717.47%20112.891C1640.88%20112.891%201583.06%20169.597%201583.06%20248.673C1583.06%20327.229%201640.88%20384.455%201717.47%20384.455C1794.05%20384.455%201851.88%20327.229%201851.88%20248.673C1851.88%20169.597%201794.05%20112.891%201717.47%20112.891Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://www.bemlo.com/favicon.ico
- Social card (og:image): https://marketing-test-clq4drgcr-bemlo.vercel.app/bemlo-logo-full.png

## UI Components

- buttonPrimary: background=#0E55B8, textColor=#FFFFFF, borderColor=#0E55B8, borderRadius=9999px, shadow=none
- buttonSecondary: background=#FFFFFF, textColor=#0E55B8, borderRadius=9999px, shadow=none

## Brand Personality

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

## Bemlo Brand in the Wild

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

- **Bemlo | Pools**
  - Image: https://www.bemlo.com/product/ai-scheduling-hero.jpg
  - Source: https://www.bemlo.com/en/product/pools
- **Bemlo**
  - Image: https://www.bemlo.com/landing-page/nurse-notepad.png
  - Source: https://www.bemlo.com/en
- **Bemlo | Agency Management**
  - Image: https://www.bemlo.com/product/ai-scheduling-ui.png
  - Source: https://www.bemlo.com/en/product/agency-management
- **Bemlo | Webinars**
  - Image: https://www.bemlo.com/ceo.png
  - Source: https://www.bemlo.com/en/webinar
- **Bemlo | Bemlo completes acquisition of Vivium**
  - Image: https://cdn.sanity.io/images/rpq76rgg/production/96960d304431a33cae73f1f8d1e4c34198affb63-500x300.png?h=500
  - Source: https://www.bemlo.com/en/blog/bemlo-completes-acquisition-of-vivium
- **Bemlo | Webinars**
  - Image: https://cdn.sanity.io/images/rpq76rgg/production/b97f8d31f8e55b170cd072d2b25fac1a2a1e2b04-2400x1350.png?w=500
  - Source: https://www.bemlo.com/en/webinar

## 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": "Circular",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#4B5563",
    "secondary": "#9CA3AF",
    "accent": "#0E55B8",
    "background": "#FFFFFF",
    "textPrimary": "#0A0A0A",
    "link": "#0E55B8"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Circular",
      "heading": "Circular"
    },
    "fontStacks": {
      "heading": [
        "Circular"
      ],
      "body": [
        "Circular"
      ],
      "paragraph": [
        "Circular"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "20px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0E55B8",
      "textColor": "#FFFFFF",
      "borderColor": "#0E55B8",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0E55B8",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%201852%20385%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22w-24%20md%3Aw-30%20text-bemloBlue%20h-fit%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M152.583%20376.332C135.263%20376.332%20121.222%20362.392%20121.222%20345.197V255.982H31.361C14.0408%20255.982%200%20242.042%200%20224.846V154.193C0%20136.997%2014.0408%20123.057%2031.361%20123.057H121.222V33.8424C121.222%2016.6468%20135.263%202.70703%20152.583%202.70703H223.749C241.069%202.70703%20255.11%2016.6468%20255.11%2033.8424V123.057H344.971C362.292%20123.057%20376.332%20136.997%20376.332%20154.193V224.846C376.332%20242.042%20362.291%20255.982%20344.971%20255.982H255.111L255.11%20123.057L121.222%20123.057L121.224%20320.649L177.173%20265.102C183.054%20259.263%20191.031%20255.983%20199.348%20255.983L255.111%20255.982L255.11%20345.197C255.11%20362.392%20241.069%20376.332%20223.749%20376.332H152.583Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M500.874%207.80353V376.651H643.621C712.911%20376.651%20757.715%20333.471%20757.715%20273.644C757.715%20227.863%20728.54%20195.089%20692.593%20186.245C723.33%20175.84%20746.253%20145.146%20746.253%20107.169C746.253%2049.9427%20705.617%207.80353%20633.723%207.80353H500.874ZM571.726%20160.233V68.1509H622.261C657.166%2068.1509%20675.401%2085.839%20675.401%20113.932C675.401%20142.024%20655.604%20160.233%20622.782%20160.233H571.726ZM571.726%20316.824V219.54H631.118C667.065%20219.54%20685.82%20239.829%20685.82%20268.962C685.82%20298.616%20664.981%20316.824%20630.076%20316.824H571.726Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M848.548%20219.54C850.111%20196.129%20869.908%20169.077%20905.855%20169.077C945.45%20169.077%20962.121%20194.048%20963.163%20219.54H848.548ZM969.935%20286.13C961.6%20309.02%20943.887%20325.148%20911.586%20325.148C877.202%20325.148%20848.548%20300.697%20846.985%20266.881H1030.37C1030.37%20265.841%201031.41%20255.436%201031.41%20245.552C1031.41%20163.354%20984.002%20112.891%20904.813%20112.891C839.17%20112.891%20778.737%20165.955%20778.737%20247.632C778.737%20333.992%20840.733%20384.455%20911.065%20384.455C974.103%20384.455%201014.74%20347.518%201027.76%20303.298L969.935%20286.13Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1129.22%20376.651V226.823C1129.22%20198.73%201146.93%20176.36%201177.15%20176.36C1208.4%20176.36%201222.47%20197.17%201222.47%20224.742V376.651H1291.24V226.823C1291.24%20199.25%201308.95%20176.36%201338.65%20176.36C1370.43%20176.36%201383.97%20197.17%201383.97%20224.742V376.651H1451.18V210.696C1451.18%20142.024%201405.85%20113.411%201358.45%20113.411C1324.58%20113.411%201297.49%20124.857%201277.17%20156.071C1264.15%20128.498%201236.02%20113.411%201201.11%20113.411C1172.98%20113.411%201140.16%20126.938%201126.09%20151.909V120.695H1059.93V376.651H1129.22Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1554.2%20376.651V0H1484.91V376.651H1554.2Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1717.47%20321.506C1683.6%20321.506%201652.35%20296.535%201652.35%20248.673C1652.35%20200.291%201683.6%20175.84%201717.47%20175.84C1751.33%20175.84%201782.59%20200.291%201782.59%20248.673C1782.59%20297.055%201751.33%20321.506%201717.47%20321.506ZM1717.47%20112.891C1640.88%20112.891%201583.06%20169.597%201583.06%20248.673C1583.06%20327.229%201640.88%20384.455%201717.47%20384.455C1794.05%20384.455%201851.88%20327.229%201851.88%20248.673C1851.88%20169.597%201794.05%20112.891%201717.47%20112.891Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(14%2C%2085%2C%20184)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.bemlo.com/favicon.ico",
    "ogImage": "https://marketing-test-clq4drgcr-bemlo.vercel.app/bemlo-logo-full.png",
    "logoHref": "/en"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and matches the brand name 'Bemlo'. It is the primary logo linking to the homepage.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 3,
      "text": "Book a Demo",
      "reasoning": "Button #3 has a vibrant blue background (#0E55B8), which is the accent color and stands out as the primary call-to-action with the text 'Book a Demo'."
    },
    "secondary": {
      "index": 5,
      "text": "Log in",
      "reasoning": "Button #5 has a white background (#FFFFFF) with blue text, making it a suitable secondary button with the text 'Log in'. It contrasts with the primary button's vibrant color."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "healthcare professionals"
  },
  "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 matches the brand name 'Bemlo'. It is the primary logo linking to the homepage.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```