Valo Brand Identity

A complete profile of Valo's visual system — colors, typography, components, and personality — extracted from 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

Source: youtube.com

Source: rockpapershotgun.com

Source: yevinn.com

Source: dribbble.com

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 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.

{
  "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"
  }
}