# Rox Brand Identity

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

## Color Palette
Brand palette extracted from https://www.rox.com/.  
- **Primary**: `#0B64E9`  
- **Secondary**: `#6B4AFF`  
- **Accent**: `#0B64E9`  
- **Background**: `#ECECEA`  
- **Text Primary**: `#0000EE`  
- **Link**: `#0000EE`

## Typography
Each font links to its Google Fonts page where available.  
- **Primary**: Roboto  
- **Heading**: Roboto

## UI Components
Live previews rendered using Rox's actual button styles.

### Button Primary  
- **Background**: `#0B64E9`  
- **Text Color**: `#0000EE`  
- **Border Radius**: `8px`  
- **Shadow**: `rgba(0, 0, 0, 0.08) 0px 2px 3px 0px`

### Button Secondary  
- **Background**: `#F0EFEF`  
- **Text Color**: `#0000EE`  
- **Border Radius**: `8px`  
- **Shadow**: `rgba(0, 0, 0, 0.04) 0px 1px 2px 0px`

## Brand Personality
- **Tone**: professional  
- **Energy**: medium  
- **Audience**: corporate clients and large enterprises

## Frequently Asked Questions
- **What is Rox's primary brand color?**  
Rox's primary brand color is `#0B64E9`. It anchors the visual identity across their website, product UI, and marketing materials.
- **What font does Rox use?**  
Rox uses Roboto as the primary typeface across body and headings.
- **Does Rox use a light or dark theme?**  
Rox's primary site uses a light color scheme, with a background of `#ECECEA`.
- **Where can I find Rox's logo?**  
Rox's logo is available directly on their site (https://www.rox.com/). The current logo URL is included in the machine-readable JSON profile linked above.

## Methodology
Brand data on this page was extracted from [https://www.rox.com/](https://www.rox.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.

## Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Roboto",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0B64E9",
    "secondary": "#6B4AFF",
    "accent": "#0B64E9",
    "background": "#ECECEA",
    "textPrimary": "#0000EE",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Roboto"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "#0B64E9",
      "textColor": "#0000EE",
      "borderRadius": "8px",
      "shadow": "rgba(0, 0, 0, 0.08) 0px 2px 3px 0px"
    },
    "buttonSecondary": {
      "background": "#F0EFEF",
      "textColor": "#0000EE",
      "borderRadius": "8px",
      "shadow": "rgba(0, 0, 0, 0.04) 0px 1px 2px 0px"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,...",
    "favicon": "https://framerusercontent.com/images/HTDIolOs0p4wUZhPf0sJJLYOCic.svg",
    "ogImage": "https://framerusercontent.com/images/AYj16lWuLsXAaHXzCmZgJyUrIs.png"
  }
}
```