# Valo Brand Identity

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

## Color Palette

Brand palette extracted from http://ridevalo.com.

### Colors
- **Primary**: #21293A  
- **Secondary**: #1D2431  
- **Accent**: #161D2B  
- **Background**: #F0F3F4  
- **TextPrimary**: #58666E  
- **Link**: #58666E

## Typography

Each font links to its Google Fonts page where available.

### Font Families
- **Body**: Source Sans Pro  
- **Heading**: Poppins

### Font Stacks
- **Heading**: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif  
- **Body**: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Valo's actual button styles.

### Input
- Background: transparent  
- Text Color: #E6F0FF  
- Border Color: null  
- Border Radius: 2px  
- Shadow: none

### Button Primary
- Background: #161D2B  
- Text Color: #F2F8FF  
- Border Radius: 999px  
- Shadow: rgba(0, 0, 0, 0.25) 0px 3px 10px 0px

### Button Secondary
- Background: transparent  
- Text Color: #F2F8FF  
- Border Color: #FBFBFC  
- Border Radius: 999px  
- Shadow: rgba(0, 0, 0, 0.25) 0px 3px 10px 0px

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** tech-savvy users interested in online gaming platforms

## Valo Brand in the Wild

Source: [ridevalo.com](https://www.ridevalo.com/)

Source: [youtube.com](https://www.youtube.com/watch?v=lWr6dhTcu-E)

Source: [rockpapershotgun.com](https://www.rockpapershotgun.com/how-to-report-in-valorant-how-to-deal-with-cheaters-and-other-unwelcome-players-2)

Source: [yevinn.com](https://www.yevinn.com/ValoGrand_LE.html)

Source: [dribbble.com](https://dribbble.com/search/valo)

## Frequently Asked Questions

1. **What is Valo's primary brand color?**
   - Valo's primary brand color is #21293A.

2. **What accent color does Valo use?**
   - Valo uses #161D2B as an accent color.

3. **What font does Valo use?**
   - Valo uses Source Sans Pro for body text and Poppins for headings.

4. **Does Valo use a light or dark theme?**
   - Valo's primary site uses a light color scheme, with a background of #F0F3F4.

5. **Where can I find Valo's logo?**
   - Valo's logo is available directly on their site (http://ridevalo.com).

6. **How was this brand profile generated?**
   - This profile was extracted from http://ridevalo.com using the Firecrawl branding extraction API.

## Methodology

Brand data on this page was extracted from [http://ridevalo.com](http://ridevalo.com/) on 2026-07-27 using the Firecrawl branding extraction API.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Source Sans Pro",
      "role": "body"
    },
    {
      "family": "Poppins",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#21293A",
    "secondary": "#1D2431",
    "accent": "#161D2B",
    "background": "#F0F3F4",
    "textPrimary": "#58666E",
    "link": "#58666E"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Source Sans Pro",
      "heading": "Poppins"
    },
    "fontStacks": {
      "heading": [
        "Source Sans Pro",
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Source Sans Pro",
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "30px",
      "h2": "30px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 12,
    "borderRadius": "4px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#E6F0FF",
      "borderColor": null,
      "borderRadius": "2px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#161D2B",
      "textColor": "#F2F8FF",
      "borderRadius": "999px",
      "shadow": "rgba(0, 0, 0, 0.25) 0px 3px 10px 0px"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#F2F8FF",
      "borderColor": "#FBFBFC",
      "borderRadius": "999px",
      "shadow": "rgba(0, 0, 0, 0.25) 0px 3px 10px 0px"
    }
  },
  "images": {
    "logo": "https://rtpiframe.sgp1.cdn.digitaloceanspaces.com/Assets/Tambang888/tambanglogo.webp",
    "favicon": "https://rtpiframe.sgp1.cdn.digitaloceanspaces.com/Assets/Tambang888/favicon.avif",
    "ogImage": "https://rtpiframe.sgp1.cdn.digitaloceanspaces.com/Assets/Tambang888/tambang888-googleapis.webp"
  }
}
```