# Hivy Brand Identity

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

## Color Palette

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

- **primary**
  - Hex: `#40D1BD`
  - RGB: `rgb(64, 209, 189)`
- **secondary**
  - Hex: `#2BAF99`
  - RGB: `rgb(43, 175, 153)`
- **accent**
  - Hex: `#40D1BD`
  - RGB: `rgb(64, 209, 189)`
- **background**
  - Hex: `#FFFFFF`
  - RGB: `rgb(255, 255, 255)`
- **textPrimary**
  - Hex: `#333333`
  - RGB: `rgb(51, 51, 51)`
- **link**
  - Hex: `#428BCA`
  - RGB: `rgb(66, 139, 202)`

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Open Sans [Google Fonts →](https://fonts.google.com/specimen/Open+Sans)
- **heading**: Outfit [Google Fonts →](https://fonts.google.com/specimen/Outfit)

## Visual Assets

Favicon

Social Card

## UI Components

Live previews rendered using Hivy's actual button styles.

**Button Primary**

- background: `#40D1BD`
- textColor: `#FFFFFF`
- borderRadius: `30px`
- shadow: none

**Button Secondary**

- background: `#F2F2F2`
- textColor: `#4C4C4C`
- borderRadius: `0px`
- shadow: none

## Brand Personality

- **Tone:** professional
- **Energy:** medium
- **Audience:** consumers looking for reliable comparisons

## Hivy Brand in the Wild

Image: [pbs.twimg.com](https://pbs.twimg.com/tweet_video_thumb/F5n3TeMXIAAHu9K.jpg)
Source: [x.com](https://x.com/Hivypi/status/1700662264066343044)

Image: [tbhcreative.com](https://www.tbhcreative.com/wp-content/uploads/hivy.jpg)
Source: [tbhcreative.com](https://www.tbhcreative.com/blog/interior-page-design-tips-and-inspiration/)

## Frequently Asked Questions

- **What is Hivy's primary brand color?**
  Hivy's primary brand color is `#40D1BD`. 
- **What font does Hivy use?**
  Hivy uses Open Sans for body text and Outfit for headings. 
- **Does Hivy use a light or dark theme?**
  Hivy's primary site uses a light color scheme, with a background of `#FFFFFF`. 
- **How was this brand profile generated?**
  This profile was extracted from https://hivyapp.com using the Firecrawl branding extraction API.

## Methodology

Brand data on this page was extracted from [https://hivyapp.com](https://hivyapp.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

[GET /branding/hivy.json](/content/branding/hivy.json)  
[GET /branding/hivy/llms.txt](/content/branding/hivy/llms.txt)

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Open Sans",
      "role": "body"
    },
    {
      "family": "Outfit",
      "role": "heading"
    },
    {
      "family": "Barlow",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#40D1BD",
    "secondary": "#2BAF99",
    "accent": "#40D1BD",
    "background": "#FFFFFF",
    "textPrimary": "#333333",
    "link": "#428BCA"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Open Sans",
      "heading": "Outfit"
    },
    "fontStacks": {
      "heading": [
        "Outfit",
        "sans-serif"
      ],
      "body": [
        "Open Sans",
        "sans-serif"
      ],
      "paragraph": [
        "Open Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "20px",
      "h2": "30px",
      "body": "17px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#40D1BD",
      "textColor": "#FFFFFF",
      "borderRadius": "30px",
      "borderRadiusCorners": {
        "topLeft": "30px",
        "topRight": "30px",
        "bottomRight": "30px",
        "bottomLeft": "30px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F2F2F2",
      "textColor": "#4C4C4C",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "favicon": "https://www.lve.fi/wp-content/uploads/sites/5/2023/09/cropped-lvefi-32x32.png",
    "ogImage": "https://www.lve.fi/wp-content/uploads/sites/5/2023/09/puhelinliittyma.svg"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "consumers looking for reliable comparisons"
  }
}
```