# Vetnio Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #F5F6E4 |
| Accent | #0000EE |
| Body Font | PP Mori Regular |
| Heading Font | PP Mori SemiBold |

## Color Palette

- primary: #F5F6E4
- accent: #0000EE
- background: #FFFFFF
- textPrimary: #111111
- link: #0000EE

## Typography

- primary: PP Mori Regular — https://fonts.google.com/specimen/PP+Mori+Regular
- heading: PP Mori SemiBold — https://fonts.google.com/specimen/PP+Mori+SemiBold

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20171%2044%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M126.308%2042.347h7.916a.97.97%200%200%200%20.969-.97V14.892a.975.975%200%200%200-.969-.97h-7.916a.97.97%200%200%200-.963.97v26.487c0%20.538.431.97.963.97M130.294%2010.68c2.945%200%205.395-2.45%205.395-5.337%200-2.951-2.5-5.343-5.395-5.343-2.78%200-5.394%202.284-5.394%205.343%200%203.002%202.442%205.336%205.394%205.336M154.128%2034.34c-3.505%200-6.285-2.707-6.285-6.19%200-3.425%202.78-6.133%206.343-6.133%203.505%200%206.343%202.708%206.343%206.133%200%203.483-2.838%206.19-6.401%206.19m0%208.842c8.958%200%2016.026-6.579%2016.026-15.032%200-8.46-7.233-14.923-15.968-14.923s-15.968%206.463-15.968%2014.923c0%208.453%207.01%2015.032%2015.91%2015.032M87.698%2033.805a8.1%208.1%200%200%201-3.247.696c-2.55%200-4.432-1.22-4.432-4.704v-6.736c0-.525.431-.963.962-.963h6.049c.531%200%20.962-.43.962-.962v-6.097a.963.963%200%200%200-.962-.963H80.93a.967.967%200%200%201-.962-.962V9.056a.97.97%200%200%200-.97-.962h-5.524a.954.954%200%200%200-.934.747L71.5%2013.329a.956.956%200%200%201-.941.747h-3.14a.963.963%200%200%200-.962.963v6.097c0%20.531.431.962.963.962h2.061c.525%200%20.963.438.963.963v6.621c0%2010.134%205.15%2013.509%2012.125%2013.509%201.587%200%204.015-.338%205.639-.862a.95.95%200%200%200%20.668-.92l-.043-7.044v-.028999999999999998l-.007-.007v-.015c0-.072%200-.18-.022-.28-.022-.115-.065-.215-.158-.28a.55.55%200%200%200-.352-.086c-.136%200-.287.029-.417.072zM55.496%2025.026h-9.547a.94.94%200%200%201-.804-.438.94.94%200%200%201-.08-.912c1.121-2.535%203.269-3.519%205.747-3.519%202.981%200%205.043%201.623%205.61%203.648a.93.93%200%200%201-.165.84.92.92%200%200%201-.761.381m9.158.503c0-6.593-4.985-12.345-13.95-12.345-8.749%200-15.228%205.644-15.228%2015.11%200%209.135%206.422%2014.888%2016.004%2014.888%204.482%200%207.837-.632%2010.71-2.097a.94.94%200%200%200%20.525-.862v-5.53c0-.029%200-.086-.008-.136a.5.5%200%200%200-.064-.209.5.5%200%200%200-.187-.187.9.9%200%200%200-.323-.107%201.1%201.1%200%200%200-.345.014%201%201%200%200%200-.194.05h-.007c-2.593.984-5.064%201.43-8.67%201.43-2.902%200-6.178-.618-7.744-3.254a.96.96%200%200%201-.007-.97.94.94%200%200%201%20.84-.48h17.032a.94.94%200%200%200%20.89-.61c.597-1.495.726-3.103.726-4.705M19.687%2041.782.106%201.772A.96.96%200%200%201%20.156.81a.97.97%200%200%201%20.84-.474h5c8.972%200%2014.51%208.302%2012.614%2015.814%200%20.015%200%20.022-.008.036-.538%201.875-1.436%203.641-2.693%205.106l-.022.029a3%203%200%200%201-.187.208l-.172.194c-.08.086-.158.173-.237.252a.97.97%200%200%200-.165%201.185l.783%201.393c.15.273.388.445.696.495a.96.96%200%200%200%20.826-.222l.022-.022c.08-.072.158-.136.23-.208a3%203%200%200%200%20.208-.187%2040%2040%200%200%200%202.313-2.255c5.984-6.313%209.389-13.595%2010.581-21a.97.97%200%200%201%20.963-.818h10.566c.36%200%20.661.172.848.474a.96.96%200%200%201%20.05.962l-19.574%2040.01a.97.97%200%200%201-.89.553l-2.163.007a.98.98%200%200%201-.898-.56M93.193%2042.23h7.837a.96.96%200%200%200%20.955-.955V27.75c0-3.196%201.487-5.839%205.014-5.839%202.917%200%204.677%201.71%204.677%205.064v14.299c0%20.524.431.955.962.955h7.83a.96.96%200%200%200%20.955-.955V24.828c0-14.995-14.596-14.65-21.054-2.772a.75.75%200%200%201-.668.402c-.61%200-1.214.007-1.824.007a.76.76%200%200%201-.718-1.034c.538-1.45%201.745-3.124%202.657-5.077.352-.754.287-2.262-.883-2.262h-5.74a.96.96%200%200%200-.955.962v26.22a.96.96%200%200%200%20.955.956%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(245%2C%20245%2C%20245)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://framerusercontent.com/images/eSFAyRKT2a5520vLCYFQgxKWu6Q.svg
- Social card (og:image): https://framerusercontent.com/images/2gW5JXNo6daLpZwdKl98nsyyY.png

## UI Components

- input: background=#EFEFEF, textColor=#000000, borderColor=#767676, borderRadius=0px, shadow=none
- buttonPrimary: background=#E6E6E6, textColor=#0000EE, borderRadius=64px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: veterinarians and veterinary clinics

## Vetnio Brand in the Wild

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

- **Vetnio saves veterinarians 15 minutes per consultation**
  - Image: https://landing.vetnio.com/home/_next/image?url=%2Fhome%2F_next%2Fstatic%2Fmedia%2Fknut.31d07495.jpeg&w=3840&q=75
  - Source: https://landing.vetnio.com/home/es/blogs/veterinartidningen-sodra-djursjukhuset
- **Vetnio Tutorials - Getting Started and Tutorials**
  - Image: https://cdn.loom.com/sessions/thumbnails/d4321e7252b1469c894c5ee126cbb78c-0a904e871d5c56a5-full-play.jpg
  - Source: https://vetnio.com/home/en/get-started
- **AI Veterinary Scribe - Automatic Medical Notes | Vetnio**
  - Image: https://framerusercontent.com/images/7UdqGmqcYgKJxNrbsMvEt1pAg4.png?width=1613&height=1345
  - Source: https://vetnio.com/
- **AI Veterinaire Scribent - Automatische Medische Aantekeningen | Vetnio**
  - Image: https://framerusercontent.com/images/vjdcVd96h65RteCCKAEWxCjQ.png?width=1024&height=1536
  - Source: https://vetnio.com/home/nl
- **Vetnio Becomes Integration Partner of Provet Cloud**
  - Image: https://landing.vetnio.com/home/_next/static/media/vetnio-provet.21c3637c.png
  - Source: https://landing.vetnio.com/home/fr/blogs/provet-integration
- **Privacy Policy for Vetnio Users and Clinics | Vetnio**
  - Image: https://vetnio.com/home/_next/static/media/letVetsBeVets.6186e6f7.png
  - Source: https://vetnio.com/home/en/privacy-policy

## 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": "PP Mori SemiBold",
      "role": "heading"
    },
    {
      "family": "PP Mori Regular",
      "role": "body"
    },
    {
      "family": "Host Grotesk",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#F5F6E4",
    "accent": "#0000EE",
    "background": "#FFFFFF",
    "textPrimary": "#111111",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "PP Mori Regular",
      "heading": "PP Mori SemiBold"
    },
    "fontStacks": {
      "heading": [
        "PP Mori SemiBold",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Host Grotesk",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "20px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "#EFEFEF",
      "textColor": "#000000",
      "borderColor": "#767676",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#E6E6E6",
      "textColor": "#0000EE",
      "borderRadius": "64px",
      "borderRadiusCorners": {
        "topLeft": "64px",
        "topRight": "64px",
        "bottomRight": "64px",
        "bottomLeft": "64px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20171%2044%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M126.308%2042.347h7.916a.97.97%200%200%200%20.969-.97V14.892a.975.975%200%200%200-.969-.97h-7.916a.97.97%200%200%200-.963.97v26.487c0%20.538.431.97.963.97M130.294%2010.68c2.945%200%205.395-2.45%205.395-5.337%200-2.951-2.5-5.343-5.395-5.343-2.78%200-5.394%202.284-5.394%205.343%200%203.002%202.442%205.336%205.394%205.336M154.128%2034.34c-3.505%200-6.285-2.707-6.285-6.19%200-3.425%202.78-6.133%206.343-6.133%203.505%200%206.343%202.708%206.343%206.133%200%203.483-2.838%206.19-6.401%206.19m0%208.842c8.958%200%2016.026-6.579%2016.026-15.032%200-8.46-7.233-14.923-15.968-14.923s-15.968%206.463-15.968%2014.923c0%208.453%207.01%2015.032%2015.91%2015.032M87.698%2033.805a8.1%208.1%200%200%201-3.247.696c-2.55%200-4.432-1.22-4.432-4.704v-6.736c0-.525.431-.963.962-.963h6.049c.531%200%20.962-.43.962-.962v-6.097a.963.963%200%200%200-.962-.963H80.93a.967.967%200%200%201-.962-.962V9.056a.97.97%200%200%200-.97-.962h-5.524a.954.954%200%200%200-.934.747L71.5%2013.329a.956.956%200%200%201-.941.747h-3.14a.963.963%200%200%200-.962.963v6.097c0%20.531.431.962.963.962h2.061c.525%200%20.963.438.963.963v6.621c0%2010.134%205.15%2013.509%2012.125%2013.509%201.587%200%204.015-.338%205.639-.862a.95.95%200%200%200%20.668-.92l-.043-7.044v-.028999999999999998l-.007-.007v-.015c0-.072%200-.18-.022-.28-.022-.115-.065-.215-.158-.28a.55.55%200%200%200-.352-.086c-.136%200-.287.029-.417.072zM55.496%2025.026h-9.547a.94.94%200%200%201-.804-.438.94.94%200%200%201-.08-.912c1.121-2.535%203.269-3.519%205.747-3.519%202.981%200%205.043%201.623%205.61%203.648a.93.93%200%200%201-.165.84.92.92%200%200%201-.761.381m9.158.503c0-6.593-4.985-12.345-13.95-12.345-8.749%200-15.228%205.644-15.228%2015.11%200%209.135%206.422%2014.888%2016.004%2014.888%204.482%200%207.837-.632%2010.71-2.097a.94.94%200%200%200%20.525-.862v-5.53c0-.029%200-.086-.008-.136a.5.5%200%200%200-.064-.209.5.5%200%200%200-.187-.187.9.9%200%200%200-.323-.107%201.1%201.1%200%200%200-.345.014%201%201%200%200%200-.194.05h-.007c-2.593.984-5.064%201.43-8.67%201.43-2.902%200-6.178-.618-7.744-3.254a.96.96%200%200%201-.007-.97.94.94%200%200%201%20.84-.48h17.032a.94.94%200%200%200%20.89-.61c.597-1.495.726-3.103.726-4.705M19.687%2041.782.106%201.772A.96.96%200%200%201%20.156.81a.97.97%200%200%201%20.84-.474h5c8.972%200%2014.51%208.302%2012.614%2015.814%200%20.015%200%20.022-.008.036-.538%201.875-1.436%203.641-2.693%205.106l-.022.029a3%203%200%200%201-.187.208l-.172.194c-.08.086-.158.173-.237.252a.97.97%200%200%200-.165%201.185l.783%201.393c.15.273.388.445.696.495a.96.96%200%200%200%20.826-.222l.022-.022c.08-.072.158-.136.23-.208a3%203%200%200%200%20.208-.187%2040%2040%200%200%200%202.313-2.255c5.984-6.313%209.389-13.595%2010.581-21a.97.97%200%200%201%20.963-.818h10.566c.36%200%20.661.172.848.474a.96.96%200%200%201%20.05.962l-19.574%2040.01a.97.97%200%200%201-.89.553l-2.163.007a.98.98%200%200%201-.898-.56M93.193%2042.23h7.837a.96.96%200%200%200%20.955-.955V27.75c0-3.196%201.487-5.839%205.014-5.839%202.917%200%204.677%201.71%204.677%205.064v14.299c0%20.524.431.955.962.955h7.83a.96.96%200%200%200%20.955-.955V24.828c0-14.995-14.596-14.65-21.054-2.772a.75.75%200%200%201-.668.402c-.61%200-1.214.007-1.824.007a.76.76%200%200%201-.718-1.034c.538-1.45%201.745-3.124%202.657-5.077.352-.754.287-2.262-.883-2.262h-5.74a.96.96%200%200%200-.955.962v26.22a.96.96%200%200%200%20.955.956%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(245%2C%20245%2C%20245)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://framerusercontent.com/images/eSFAyRKT2a5520vLCYFQgxKWu6Q.svg",
    "ogImage": "https://framerusercontent.com/images/2gW5JXNo6daLpZwdKl98nsyyY.png",
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which aligns with typical brand logo placement.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Seamless Login",
      "reasoning": "The button 'Seamless Login' is the only button available, making it the default primary CTA despite its neutral color."
    },
    "secondary": {
      "index": -1,
      "text": "N/A",
      "reasoning": "There is no secondary button available with a different color group."
    },
    "confidence": 0.8
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "veterinarians and veterinary clinics"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.8,
    "colors": 0.9,
    "overall": 0.8500000000000001
  },
  "__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, which aligns with typical brand logo placement.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```