# Vitau Brand Identity

A complete profile of **Vitau**'s visual system — colors, typography, components, and personality — extracted from [https://vitau.mx](https://vitau.mx/). Built for designers, agents, and AI tools.

### Color Palette

Brand palette extracted from https://vitau.mx.

- **Primary**: #004066   
- **Secondary**: #7BD1FF   
- **Accent**: #00A2FF   
- **Background**: #F5F8FF   
- **Text Primary**: #020817   
- **Link**: #020817

### Typography

Each font links to its Google Fonts page where available.

- **Primary**: Open Sans   
- **Heading**: Open Sans   
  - [Open Sans Google Fonts →](https://fonts.google.com/specimen/Open+Sans)

### Visual Assets

Logo  
 Favicon  
 Social Card

### UI Components

Live previews rendered using Vitau's actual button styles.

- **Input**  
  - Background: transparent  
  - Text Color: #111827  
  - Border Color: null  
  - Border Radius: 0px  
  - Shadow: none

- **Button Primary**  
  - Background: #00A2FF  
  - Text Color: #020817  
  - Border Radius: 8px  
  - Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(0, 162, 255) 0px 4px 16px -8px

- **Button Secondary**  
  - Background: #F5F8FF  
  - Text Color: #020817  
  - Border Radius: 0px  
  - Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px inset

### Brand Personality

- **Tone**: professional  
- **Energy**: medium  
- **Audience**: health-conscious individuals in Mexico

### Vitau Brand in the Wild

Source: [blog.vitau.mx](https://blog.vitau.mx/dia-mundial-de-la-prevencion-de-ahogamientos/)

Source: [blog.vitau.mx](https://blog.vitau.mx/el-sensor-freestyle-como-funciona/)

Source: [blog.vitau.mx](https://blog.vitau.mx/untitled-6/)

Source: [blog.vitau.mx](https://blog.vitau.mx/que-es-la-diabetes/)

Source: [blog.vitau.mx](https://blog.vitau.mx/las-mejores-recetas-de-comida-para-diabeticos/)

Source: [blog.vitau.mx](https://blog.vitau.mx/sin-salud-mental-no-hay-salud/)

### Frequently Asked Questions

- **What is Vitau's primary brand color?** Vitau's primary brand color is #004066.
- **What accent color does Vitau use?** Vitau uses #00A2FF as an accent color.
- **What font does Vitau use?** Vitau uses Open Sans as the primary typeface.
- **Does Vitau use a light or dark theme?** Vitau's primary site uses a light color scheme.
- **Where can I find Vitau's logo?** Vitau's logo is available directly on their site ([Vitau](https://vitau.mx)).
- **How was this brand profile generated?** This profile was extracted from https://vitau.mx using the Firecrawl branding extraction API.

### Methodology

Brand data on this page was extracted from [https://vitau.mx](https://vitau.mx/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API.

### Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Open Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#004066",
    "secondary": "#7BD1FF",
    "accent": "#00A2FF",
    "background": "#F5F8FF",
    "textPrimary": "#020817",
    "link": "#020817"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Open Sans",
      "heading": "Open Sans"
    },
    "fontStacks": {
      "heading": [
        "Galano Grotesque Alt",
        "sans-serif"
      ],
      "body": [
        "Open Sans",
        "sans-serif"
      ],
      "paragraph": [
        "Open Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "24px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#111827",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#00A2FF",
      "textColor": "#020817",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(0, 162, 255) 0px 4px 16px -8px"
    },
    "buttonSecondary": {
      "background": "#F5F8FF",
      "textColor": "#020817",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px inset"
    }
  },
  "images": {
    "logo": "https://vitau.mx/_next/static/media/vitau-logo.09f06a99.svg",
    "favicon": "https://vitau.mx/favicon.ico",
    "ogImage": "https://images-vitau.s3.us-west-1.amazonaws.com/og_img.jpg",
    "logoHref": "/",
    "logoAlt": "Logo de Vitau"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "health-conscious individuals in Mexico"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  }
}
```

### Note: 
This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Vitau.