# Parafin Brand Identity

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

## Color Palette

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

- **primary:** #D4E6DD
- **secondary:** #3898EC
- **accent:** #223C3E
- **background:** #FFFFFF
- **textPrimary:** #223C3E
- **link:** #223C3E

## Typography

Each font links to its Google Fonts page where available.

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

## Visual Assets

Logo  
  
Favicon  
  
Social Card

## UI Components

Live previews rendered using Parafin's actual button styles.

- **Input**  
  - background: #FFFFFF  
  - textColor: #333333  
  - borderColor: #CCCCCC  
  - borderRadius: 10px  
  - shadow: none

- **Button Primary**  
  - background: #223C3E  
  - textColor: #FFFFFF  
  - borderRadius: 496.5px  
  - shadow: none

- **Button Secondary**  
  - background: #000000  
  - textColor: #FFFFFF  
  - borderRadius: 496.5px  
  - shadow: none

## Brand Personality

- **Tone:** professional  
- **Energy:** medium  
- **Audience:** businesses seeking financing solutions

## Frequently Asked Questions

- **What is Parafin's primary brand color?**  
  Parafin's primary brand color is #D4E6DD.
- **What accent color does Parafin use?**  
  Parafin uses #223C3E as an accent color.
- **What font does Parafin use?**  
  Parafin uses Inter for body text and Inter Tight for headings.
- **Does Parafin use a light or dark theme?**  
  Parafin's primary site uses a light color scheme, with a background of #FFFFFF.
- **Where can I find Parafin's logo?**  
  Parafin's logo is available directly on their site (https://www.parafin.com/).
- **How was this brand profile generated?**  
  This profile was extracted from https://www.parafin.com/.

## Methodology

Brand data on this page was extracted using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling:

```json
{
  "colorScheme": "light",
  "fonts": [
    {"family": "Inter", "role": "body"},
    {"family": "Inter Tight", "role": "heading"}
  ],
  "colors": {
    "primary": "#D4E6DD",
    "secondary": "#3898EC",
    "accent": "#223C3E",
    "background": "#FFFFFF",
    "textPrimary": "#223C3E",
    "link": "#223C3E"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter Tight"
    },
    "fontStacks": {
      "heading": ["Inter", "Arial", "sans-serif"],
      "body": ["Inter", "Arial", "sans-serif"],
      "paragraph": ["Inter", "Arial", "sans-serif"]
    }  
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#333333",
      "borderColor": "#CCCCCC",
      "borderRadius": "10px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#223C3E",
      "textColor": "#FFFFFF",
      "borderRadius": "496.5px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderRadius": "496.5px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/688a7c63bef70d6309c77e28/688c5cf13711bd6c7d791f17_Parafin_Logo_Black.svg",
    "favicon": "https://cdn.prod.website-files.com/688a7c63bef70d6309c77e28/6890eb418ad2d3305d82c5c5_favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/688a7c63bef70d6309c77e28/68bb7638a86e4bd8d1eb2923_parafin_og.png"
  }
}
```