# Hanover Park Brand Identity

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

## Color Palette

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

| Color Type | Hex Code | RGB |
|------------|----------|-----|
| Primary    | #0000EE  | rgb(0, 0, 238) |
| Secondary  | #ECFCF2  | rgb(236, 252, 242) |
| Accent     | #82FA9A  | rgb(130, 250, 154) |
| Background | #F8FCFC  | rgb(248, 252, 252) |
| Text       | #29342E  | rgb(41, 52, 46) |
| Link       | #82FA9A  | rgb(130, 250, 154) |

## Typography

Each font links to its Google Fonts page where available.

| Role    | Font     | Link |
|---------|----------|------|
| Primary | Aspekta  | [Google Fonts →](https://fonts.google.com/specimen/Aspekta) |
| Heading | Aspekta  | [Google Fonts →](https://fonts.google.com/specimen/Aspekta) |

## Visual Assets

## UI Components

Live previews rendered using Hanover Park's actual button styles.

### Button Primary

```markdown
buttonPrimary
background: #82FA9A
textColor: #0000EE
borderRadius: 30px
shadow: none
```

## Brand Personality

**Tone:** modern  **Energy:** medium  **Audience:** residents and visitors of Hanover Park

## Hanover Park Brand in the Wild

Source: [hanoverpark.com](https://www.hanoverpark.com/portfolio-intelligence)

Source: [hanoverpark.com](https://www.hanoverpark.com/blog)

Source: [hanoverpark.com](https://www.hanoverpark.com/blog)

Source: [hanoverpark.com](https://www.hanoverpark.com/portfolio-kpi-collection)

## Frequently Asked Questions

**What is Hanover Park's primary brand color?**  
Hanover Park's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does Hanover Park use?**  
Hanover Park uses #82FA9A as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does Hanover Park use?**  
Hanover Park uses Aspekta as the primary typeface across body and headings.

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

**Where can I find Hanover Park's logo?**  
Hanover Park's logo is available directly on their site (https://www.hanoverpark.com/).

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

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Aspekta",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#ECFCF2",
    "accent": "#82FA9A",
    "background": "#F8FCFC",
    "textPrimary": "#29342E",
    "link": "#82FA9A"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Aspekta",
      "heading": "Aspekta"
    },
    "fontStacks": {
      "heading": [
        "Aspekta",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Aspekta",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "66px",
      "h2": "48px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 10,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#82FA9A",
      "textColor": "#0000EE",
      "borderRadius": "30px",
      "borderRadiusCorners": {
        "topLeft": "30px",
        "topRight": "30px",
        "bottomRight": "30px",
        "bottomLeft": "30px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://framerusercontent.com/images/7zFmInBrPsi3jFwe0cSOLEHgbw0.svg?width=139&height=28",
    "favicon": "https://framerusercontent.com/images/PXUfWFmZfh3SgYhNlk4H16BW08c.png",
    "ogImage": "https://framerusercontent.com/images/1TZT96wosKi4ajg2rf9ZSAM8K74.png",
    "logoHref": "./",
    "logoAlt": "Hanover Park Logo"
  }
}
```