# OpenReplay Brand Identity

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

## Color Palette

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

### Colors
- **Primary:** #0D033B
- **Secondary:** #2B7FFF
- **Accent:** #394DFE
- **Background:** #FFFFFF
- **Text Primary:** #0A0A0A
- **Link:** #394DFE

## Typography

Each font links to its Google Fonts page where available.

### Font Details
- **Primary Font:** Roboto 
  - [Google Fonts →](https://fonts.google.com/specimen/Roboto)
- **Heading Font:** Barlow 
  - [Google Fonts →](https://fonts.google.com/specimen/Barlow)

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using OpenReplay's actual button styles.

### Button Primary
- **Background:** #394DFE
- **Text Color:** #F8F8F8
- **Border Color:** #394DFE
- **Border Radius:** 32px

### Button Secondary
- **Background:** #0D033B
- **Text Color:** #FFFFFF
- **Border Color:** #FFFFFF
- **Border Radius:** 32px

## Brand Personality

- **Tone:** modern
- **Energy:** medium
- **Audience:** developers and product teams

## OpenReplay Brand in the Wild

Source: [blog.openreplay.com](https://blog.openreplay.com/images/quantum-metric-alternatives/images/image01.png)

Source: [blog.openreplay.com](https://blog.openreplay.com/images/building-your-own-blog-with-nuxt-content-and-tailwind/images/img1.jpg)

Source: [blog.openreplay.com](https://blog.openreplay.com/images/programming-as-a-woman-in-tech/images/VHp2l32.jpg)

Source: [blog.openreplay.com](https://blog.openreplay.com/images/building-a-blog-with-react-and-restdb/images/hero.png)

Source: [blog.openreplay.com](https://blog.openreplay.com/images/programming-as-a-woman-in-tech/images/uUqzR0R.jpg)

Source: [blog.openreplay.com](https://blog.openreplay.com/images/building-your-own-blog-with-nuxt-content-and-tailwind/images/hero.png)

## Frequently Asked Questions

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

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

**What font does OpenReplay use?**
OpenReplay uses Roboto for body text and Barlow for headings. Fonts were detected on https://www.openreplay.com/ as part of their live design system.

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

**Where can I find OpenReplay's logo?**
OpenReplay's logo is available directly on their site (https://www.openreplay.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.openreplay.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 OpenReplay.

## Methodology

Brand data on this page was extracted from https://www.openreplay.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. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by OpenReplay.