# CoolBacker Brand Guidelines

## Brand Overview

CoolBacker is the leading crowdfunding marketing platform helping creators launch successful campaigns on Kickstarter and Indiegogo. Our brand represents innovation, community, and empowerment for entrepreneurs bringing their ideas to life.

---

## Color Palette

### Primary Colors

| Name | HSL | Hex | Usage |
|------|-----|-----|-------|
| Brand Blue | `230 100% 50%` | `#0000FF` | Primary brand color, CTAs, links |
| Brand Purple | `280 85% 60%` | `#9333EA` | Accent, gradients |
| Brand Pink | `330 85% 65%` | `#EC4899` | Highlights, gradients |

### Core UI Colors

| Name | HSL | Usage |
|------|-----|-------|
| Background | `0 0% 100%` | Page background |
| Foreground | `220 15% 20%` | Body text |
| Muted | `220 15% 95%` | Card backgrounds |
| Muted Foreground | `220 10% 50%` | Secondary text |
| Border | `220 15% 90%` | Dividers, borders |

### Gradients

- **Brand Gradient**: `linear-gradient(135deg, hsl(230 100% 50%), hsl(280 85% 60%))` — Primary brand gradient (blue → purple)
- **Accent Gradient**: `linear-gradient(135deg, hsl(280 85% 60%), hsl(330 85% 65%))` — Accent gradient (purple → pink)

---

## Typography

### Font Families

- **Display / Headings**: Space Grotesk (weights: 400–700)
- **Body / UI**: Inter (weights: 300–800)

### Type Scale

| Element | Font | Size | Weight |
|---------|------|------|--------|
| H1 | Space Grotesk | 3rem+ | 700 |
| H2 | Space Grotesk | 2rem | 600–700 |
| H3 | Space Grotesk | 1.25rem | 600 |
| Body | Inter | 1rem (16px) | 400 |
| Small | Inter | 0.875rem | 400–500 |

---

## Logo Usage

### Available Formats

- **coolbacker-logo.svg** — Full logo with description (vector)
- **coolbacker-logo.png** — Primary logo (raster)
- **coolbacker-icon-512.png** — Square icon mark (512×512)
- **coolbacker-logo-white.png** — White version for dark backgrounds

### Clear Space

Maintain minimum clear space equal to the height of the "C" in CoolBacker on all sides.

### Minimum Size

- Digital: 120px wide
- Print: 25mm wide

### Don'ts

- Do not stretch or distort the logo
- Do not change logo colors
- Do not place on busy backgrounds without a container
- Do not add effects (shadows, glows, outlines)
- Do not recreate or modify elements

---

## Voice & Tone

- **Empowering** — Help creators feel confident about their launch
- **Data-driven** — Back claims with numbers and results
- **Approachable** — No jargon; explain complex crowdfunding concepts simply
- **Community-focused** — Celebrate backer culture and creator success stories

---

© 2025 CoolBacker. All rights reserved.