# Backpack Brand Identity

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

## Color Palette

Brand palette extracted from http://backpackbang.com.

| Color     | Hex Code | RGB Value            |
| --------- | -------- | -------------------- |
| primary   | #70BF41  | rgb(112, 191, 65)    |
| secondary | #004AAD  | rgb(0, 74, 173)      |
| accent    | #9ED76C  | rgb(158, 215, 108)   |
| background| #FFFFFF  | rgb(255, 255, 255)   |
| textPrimary | #53585F| rgb(83, 88, 95)      |
| link      | #ED5D58  | rgb(237, 93, 88)     |

## Typography

Each font links to its Google Fonts page where available.

| Role   | Font Family  | Google Fonts Link |
|--------|--------------|-------------------|
| primary| Avenir Next  | [Google Fonts →](https://fonts.google.com/specimen/Avenir+Next) |
| heading| Avenir Next  | [Google Fonts →](https://fonts.google.com/specimen/Avenir+Next) |

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Backpack's actual button styles.

### Button Primary
| Property    | Value                |
|-------------|----------------------|
| background  | #9ED76C              |
| textColor   | #FFFFFF              |
| borderRadius| 3px                  |
| shadow      | none                 |

### Button Secondary
| Property    | Value                |
|-------------|----------------------|
| background  | #FFFFFF              |
| textColor   | #4569AD              |
| borderColor | #4569AD              |
| borderRadius| 0px                  |
| shadow      | none                 |

## Brand Personality

**Tone:** modern  **Energy:** medium  **Audience:** global consumers looking for international products

## Backpack Brand in the Wild

Image: [storage.googleapis.com](https://storage.googleapis.com/backpack-images/sites_fore.png)

Source: [backpackbang.com](https://backpackbang.com/)

## Frequently Asked Questions

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

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

**What font does Backpack use?**
Backpack uses Avenir Next as the primary typeface across body and headings.

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

**Where can I find Backpack's logo?**
Backpack's logo is available directly on their site (http://backpackbang.com). The current logo URL is included in the machine-readable JSON profile.

## Methodology

Brand data on this page was extracted from [http://backpackbang.com](http://backpackbang.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. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Backpack.