# Leaky Brand Identity

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

## Colors

### Primary

#A2C436

### Accent

#2A9FD0

## Typography

### Body Font

Lato

### Heading

Helvetica Neue

## Color Palette

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

**primary**

#A2C436

rgb(162, 196, 54)

**secondary**

#59C0C6

rgb(89, 192, 198)

**accent**

#2A9FD0

rgb(42, 159, 208)

**background**

#F3F2F2

rgb(243, 242, 242)

**textPrimary**

#4D5F5C

rgb(77, 95, 92)

**link**

#4D5F5C

rgb(77, 95, 92)

## Typography

Each font links to its Google Fonts page where available.

**primary**

Lato

[Lato Google Fonts →](https://fonts.google.com/specimen/Lato)

**heading**

Helvetica Neue

[Helvetica Neue Google Fonts →](https://fonts.google.com/specimen/Helvetica+Neue)

## Visual Assets

Logo

Favicon

## UI Components

Live previews rendered using Leaky's actual button styles.

**Input**  
background: #E5F6F6  
textColor: #576B68  
borderColor: null  
borderRadius: 5px  
shadow: none

**Button Primary**  
background: #2A9FD0  
textColor: #FFFFFF  
borderRadius: 6px  
shadow: none

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** individuals seeking car insurance

## Leaky Brand in the Wild

[Image source](https://leaky.com/images/dashboard.png)

[Image source](https://leaky.com/images/manage.png)

[Image source](https://cdn11.bigcommerce.com/s-8ve2t4u0h/images/stencil/590x590/products/157/890/REPORT_LEAK_SIGN_-_Copy_2__30366.1605616427.jpg?c=2)

[Image source](https://www.sumydesigns.com/wp-content/uploads/2016/11/landingpage-feat-600x530.png)

[Image source](https://i.ytimg.com/vi/KqyrQW9XFtQ/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLBSKlngmip0j5RPTL8sUCl5wvqjAA)

## Frequently Asked Questions

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

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

**What font does Leaky use?**  
Leaky uses Lato for body text and Helvetica Neue for headings. Fonts were detected on http://leaky.com as part of their live design system.

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

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

**How was this brand profile generated?**  
This profile was extracted from http://leaky.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Leaky.

## Methodology

Brand data on this page was extracted from [http://leaky.com](http://leaky.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.

## Machine-Readable Profile

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

```
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Lato",
      "role": "body"
    },
    {
      "family": "Helvetica Neue",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#A2C436",
    "secondary": "#59C0C6",
    "accent": "#2A9FD0",
    "background": "#F3F2F2",
    "textPrimary": "#4D5F5C",
    "link": "#4D5F5C"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Lato",
      "heading": "Helvetica Neue"
    },
    "fontStacks": {
      "heading": [
        "Lato",
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Lato",
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Lato",
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "30px",
      "body": "16.5px"
    }
  },
  "spacing": {
    "baseUnit": 6,
    "borderRadius": "0px"
  },
  "components": {
    "input": {
      "background": "#E5F6F6",
      "textColor": "#576B68",
      "borderColor": null,
      "borderRadius": "5px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#2A9FD0",
      "textColor": "#FFFFFF",
      "borderRadius": "6px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://leaky.com/images/logo.png",
    "favicon": "https://leaky.com/images/favicon.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "individuals seeking car insurance"
  },
  "designSystem": {
    "framework": "custom"
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  }
}
```
