Rox Brand Identity

A complete profile of Rox's visual system — colors, typography, components, and personality — extracted from 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/ on 2026-07-27 using the Firecrawl 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.

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