# Quell Brand Identity

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

## Primary Color

**#FF174B**

## Accent Color

**#FF174B**

## Body Font

**Roobert**

## Heading Font

**Bebas Neue**

## Color Palette

Brand palette extracted from https://playquell.com.

- **Primary**: #FF174B  
- **Secondary**: #6B7280  
- **Accent**: #FF174B  
- **Background**: #F8F9FE  
- **Text Primary**: #000000  
- **Link**: #D6FF21

## Typography

Each font links to its Google Fonts page where available.

- **Primary**: Roobert ([Google Fonts →](https://fonts.google.com/specimen/Roobert))  
- **Heading**: Bebas Neue ([Google Fonts →](https://fonts.google.com/specimen/Bebas+Neue))

Bebas Neue, sans-serif

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Quell's actual button styles.

### Button Primary

- **Background**: #FF174B  
- **Text Color**: #FFFFFF  
- **Border Radius**: 16px  
- **Shadow**: none

### Button Secondary

- **Background**: #FFFFFF  
- **Text Color**: #1D1D1D  
- **Border Radius**: 16px  
- **Shadow**: none

## Brand Personality

- **Tone**: modern  
- **Energy**: high  
- **Audience**: fitness and gaming enthusiasts

## Frequently Asked Questions

1. **What is Quell's primary brand color?**  
   Quell's primary brand color is #FF174B.

2. **What font does Quell use?**  
   Quell uses Roobert for body text and Bebas Neue for headings.

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

4. **Where can I find Quell's logo?**  
   Quell's logo is available directly on their site (https://playquell.com).

5. **How was this brand profile generated?**  
   This profile was extracted from https://playquell.com using the Firecrawl branding extraction API.

---

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Roobert",
      "role": "body"
    },
    {
      "family": "Bebas Neue",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#FF174B",
    "secondary": "#6B7280",
    "accent": "#FF174B",
    "background": "#F8F9FE",
    "textPrimary": "#000000",
    "link": "#D6FF21"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roobert",
      "heading": "Bebas Neue"
    },
    "fontStacks": {
      "heading": [
        "Bebas Neue",
        "sans-serif"
      ],
      "body": [
        "Roobert",
        "sans-serif"
      ],
      "paragraph": [
        "Roobert",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "140px",
      "h2": "100px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "10px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FF174B",
      "textColor": "#FFFFFF",
      "borderRadius": "16px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#1D1D1D",
      "borderRadius": "16px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://playquell.com/cdn/shop/t/53/assets/logo_v-5118890312944218601740652601.svg",
    "favicon": "https://playquell.com/cdn/shop/t/53/assets/apple-touch-icon_v-100837204816848009781740652601.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "fitness and gaming enthusiasts"
  }
}
```