# Tesorio Brand Identity

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

## Color Palette

Brand palette extracted from https://www.tesorio.com.

- primary: #D7EEFE (rgb(215, 238, 254))
- secondary: #1A2630 (rgb(26, 38, 48))
- accent: #30A2E9 (rgb(48, 162, 233))
- background: #1A2630 (rgb(26, 38, 48))
- textPrimary: #0A0A0A (rgb(10, 10, 10))
- link: #30A2E9 (rgb(48, 162, 233))

## Typography

Each font links to its Google Fonts page where available.

- primary font: Roobert  
- heading font: Roobert  
  [Google Fonts →](https://fonts.google.com/specimen/Roobert)

```
Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:
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.
```

## Visual Assets

Logo

Favicon

## UI Components

Live previews rendered using Tesorio's actual button styles.

### Button Primary
- background: #30A2E9
- textColor: #FFFFFF
- borderRadius: 14px
- shadow: none

### Button Secondary
- background: #2C3E4A
- textColor: #FFFFFF
- borderColor: #2C3E4A
- borderRadius: 14px
- shadow: none

## Brand Personality

- **Tone:** professional  
- **Energy:** medium  
- **Audience:** financial professionals

## Tesorio Brand in the Wild

Image Source: [source](https://tesorio-mode.transforms.svdcdn.com/production/assets/images/Deloitte_Fast_500_011325_50.jpg?w=3788&h=2525&auto=compress%2Cformat&fit=crop&dm=1737574666&s=495711c56e447c028e6942dd4e2db6ab)

Image Source: [source](https://cdn.sanity.io/images/h4dhcu37/production/1e4507e23e63edd63dde4d65536db68679f06aae-1200x630.jpg?w=1200&h=630)

## Frequently Asked Questions

**What is Tesorio's primary brand color?**  
Tesorio's primary brand color is #D7EEFE. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does Tesorio use?**  
Tesorio uses #30A2E9 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does Tesorio use?**  
Tesorio uses Roobert as the primary typeface across body and headings.

**Does Tesorio use a light or dark theme?**  
Tesorio's primary site uses a dark color scheme, with a background of #1A2630.

**Where can I find Tesorio's logo?**  
Tesorio's logo is available directly on their site (https://www.tesorio.com). The current logo URL is included in the machine-readable JSON profile linked above.

**How was this brand profile generated?**  
This profile was extracted from https://www.tesorio.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Tesorio.

## Machine-Readable Profile

This data can be accessed smoothly without login or auth required:

```json
{
  "colorScheme": "dark",
  "fonts": [
    {"family": "Roobert", "role": "body"},
    {"family": "ValueSerifPro", "role": "unknown"}
  ],
  "colors": {
    "primary": "#D7EEFE",
    "secondary": "#1A2630",
    "accent": "#30A2E9",
    "background": "#1A2630",
    "textPrimary": "#0A0A0A",
    "link": "#30A2E9"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roobert",
      "heading": "Roobert"
    },
    "fontStacks": {
      "heading": ["ValueSerifPro"],
      "body": ["Roobert", "system-ui", "sans-serif"],
      "paragraph": ["Roobert", "system-ui", "sans-serif"]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "60px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#30A2E9",
      "textColor": "#FFFFFF",
      "borderRadius": "14px",
      "borderRadiusCorners": {
        "topLeft": "14px",
        "topRight": "14px",
        "bottomRight": "14px",
        "bottomLeft": "14px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#2C3E4A",
      "textColor": "#FFFFFF",
      "borderColor": "#2C3E4A",
      "borderRadius": "14px",
      "borderRadiusCorners": {
        "topLeft": "14px",
        "topRight": "14px",
        "bottomRight": "14px",
        "bottomLeft": "14px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.tesorio.com/images/logo/tesorio-wordmark.svg?dpl=dpl_Cdt4gA1qcsSR9WmYZj5P9i6HMvZ9",
    "favicon": "https://www.tesorio.com/favicon.ico?favicon.ab7af5c1.ico",
    "ogImage": null,
    "logoHref": "/",
    "logoAlt": "Tesorio"
  }
}
```