# Pin Brand Identity

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

## Color Palette

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

### Colors
- Primary: #4A7A5A (rgb(74, 122, 90))
- Secondary: #734AE7 (rgb(115, 74, 231))
- Accent: #4A7A5A (rgb(74, 122, 90))
- Background: #FCFAF8 (rgb(252, 250, 248))
- Text Primary: #27272A (rgb(39, 39, 42))
- Link: #A3BAA9 (rgb(163, 186, 169))

## Typography

Each font links to its Google Fonts page where available.

### Font Families
- Primary: Rethink Sans
- Heading: Rethink Sans

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

### Font Styles
- Rethink Sans, sans-serif

## Visual Assets

%20!important%3B%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M28.257%2014.128c0%207.803-6.326%2014.128-14.129%2014.128v3.016a.714.714%200%200%201-.915.696C6.03%2029.782.685%2023.376.065%2015.637a1%201%200%200%201%20.002-.128A14%2014%200%200%201%200%2014.13C0%206.324%206.325%200%2014.128%200s14.128%206.325%2014.128%2014.128m-14.129%209.66c5.335%200%209.66-4.325%209.66-9.66s-4.325-9.66-9.66-9.66-9.66%204.325-9.66%209.66a9.66%209.66%200%200%200%209.66%209.66%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2042)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M8.036%2015.398v-2.674a2.405%202.405%200%201%201%204.81%200v2.674zm7.375%200v-2.674a2.405%202.405%200%201%201%204.81%200v2.674zm51.609-4.591c3.47%200%206.44%201.844%206.44%207.344v8.908h-4.408v-8.47c0-2.72-1.031-4.157-3.25-4.157-2.282%200-3.594%201.625-3.594%204.407v8.22H57.8V10.994h3.844l.406%202c1.032-1.25%202.5-2.187%204.97-2.187M53.477%209.275c-1.438%200-2.563-1.063-2.563-2.469%200-1.438%201.125-2.5%202.563-2.5s2.563%201.062%202.563%202.5c0%201.406-1.125%202.47-2.563%202.47m-2.22%2017.784V10.994h4.439V27.06zm-18.159-.001V5.18h8.907c4.75%200%207.907%202.844%207.907%207.282%200%204.407-3.156%207.251-7.907%207.251h-4.22v7.345zm8.47-17.972h-3.782v6.72h3.782c2.187%200%203.594-1.281%203.594-3.344%200-2.094-1.407-3.376-3.594-3.376%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2042)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsymbol%3E%3Csvg%20viewBox%3D%220%200%2074%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M28.257%2014.128c0%207.803-6.326%2014.128-14.129%2014.128v3.016a.714.714%200%200%201-.915.696C6.03%2029.782.685%2023.376.065%2015.637a1%201%200%200%201%20.002-.128A14%2014%200%200%201%200%2014.13C0%206.324%206.325%200%2014.128%200s14.128%206.325%2014.128%2014.128m-14.129%209.66c5.335%200%209.66-4.325%209.66-9.66s-4.325-9.66-9.66-9.66-9.66%204.325-9.66%209.66a9.66%209.66%200%200%200%209.66%209.66%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M8.036%2015.398v-2.674a2.405%202.405%200%201%201%204.81%200v2.674zm7.375%200v-2.674a2.405%202.405%200%201%201%204.81%200v2.674zm51.609-4.591c3.47%200%206.44%201.844%206.44%207.344v8.908h-4.408v-8.47c0-2.72-1.031-4.157-3.25-4.157-2.282%200-3.594%201.625-3.594%204.407v8.22H57.8V10.994h3.844l.406%202c1.032-1.25%202.5-2.187%204.97-2.187M53.477%209.275c-1.438%200-2.563-1.063-2.563-2.469%200-1.438%201.125-2.5%202.563-2.5s2.563%201.062%202.563%202.5c0%201.406-1.125%202.47-2.563%202.47m-2.22%2017.784V10.994h4.439V27.06zm-18.159-.001V5.18h8.907c4.75%200%207.907%202.844%207.907%207.282%200%204.407-3.156%207.251-7.907%207.251h-4.22v7.345zm8.47-17.972h-3.782v6.72h3.782c2.187%200%203.594-1.281%203.594-3.344%200-2.094-1.407-3.376-3.594-3.376%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Pin's actual button styles.

### Components

- Input:
  - Background: transparent
  - Text Color: #27272A
  - Border Color: null
  - Border Radius: 0px
  - Shadow: none

- Button Primary:
  - Background: #4A7A5A
  - Text Color: #FDFDFC
  - Border Radius: 4px
  - Shadow: none

- Button Secondary:
  - Background: #F2F0EE
  - Text Color: #27272A
  - Border Color: #E7E5E3
  - Border Radius: 12px
  - Shadow: none

## Brand Personality

- **Tone:** modern
- **Energy:** medium
- **Audience:** business professionals

## Frequently Asked Questions

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

2. **What font does Pin use?**  
   Pin uses Rethink Sans as the primary typeface across body and headings.

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

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

5. **How was this brand profile generated?**  
   This profile was extracted from https://www.pin.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 Pin.

## Methodology

Brand data on this page was extracted from [https://www.pin.com/](https://www.pin.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.

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Rethink Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#4A7A5A",
    "secondary": "#734AE7",
    "accent": "#4A7A5A",
    "background": "#FCFAF8",
    "textPrimary": "#27272A",
    "link": "#A3BAA9"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Rethink Sans",
      "heading": "Rethink Sans"
    },
    "fontStacks": {
      "heading": [
        "Rethink Sans",
        "sans-serif"
      ],
      "body": [
        "Rethink Sans",
        "sans-serif"
      ],
      "paragraph": [
        "Rethink Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "40px",
      "h2": "31px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#27272A",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#4A7A5A",
      "textColor": "#FDFDFC",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F2F0EE",
      "textColor": "#27272A",
      "borderColor": "#E7E5E3",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2292%22%20height%3D%2230%22%20data-astro-cid-pwmmw5ba%3D%22true%22%20data-icon%3D%22logo%22%20data-fc-idx%3D%220%22%3E%20%20%20%3Csymbol%20id%3D%22ai%3Alocal%3Alogo%22%20viewBox%3D%220%200%2074%2032%22%3E%3Cg%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2042)%20!important%3B%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M28.257%2014.128c0%207.803-6.326%2014.128-14.129%2014.128v3.016a.714.714%200%200%201-.915.696C6.03%2029.782.685%2023.376.065%2015.637a1%201%200%200%201%20.002-.128A14%2014%200%200%201%200%2014.13C0%206.324%206.325%200%2014.128%200s14.128%206.325%2014.128%2014.128m-14.129%209.66c5.335%200%209.66-4.325%209.66-9.66s-4.325-9.66-9.66-9.66-9.66%204.325-9.66%209.66a9.66%209.66%200%200%200%209.66%209.66%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2042)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M8.036%2015.398v-2.674a2.405%202.405%200%201%201%204.81%200v2.674zm7.375%200v-2.674a2.405%202.405%200%201%201%204.81%200v2.674zm51.609-4.591c3.47%200%206.44%201.844%206.44%207.344v8.908h-4.408v-8.47c0-2.72-1.031-4.157-3.25-4.157-2.282%200-3.594%201.625-3.594%204.407v8.22H57.8V10.994h3.844l.406%202c1.032-1.25%202.5-2.187%204.97-2.187M53.477%209.275c-1.438%200-2.563-1.063-2.563-2.469%200-1.438%201.125-2.5%202.563-2.5s2.563%201.062%202.563%202.5c0%201.406-1.125%202.47-2.563%202.47m-2.22%2017.784V10.994h4.439V27.06zm-18.159-.001V5.18h8.907c4.75%200%207.907%202.844%207.907%207.282%200%204.407-3.156%207.251-7.907%207.251h-4.22v7.345zm8.47-17.972h-3.782v6.72h3.782c2.187%200%203.594-1.281%203.594-3.344%200-2.094-1.407-3.376-3.594-3.376%22%2F%3E%3C%2Fg%3E%3C%2Fsymbol%3E%3Csvg%20viewBox%3D%220%200%2074%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M28.257%2014.128c0%207.803-6.326%2014.128-14.129%2014.128v3.016a.714.714%200%200%201-.915.696C6.03%2029.782.685%2023.376.065%2015.637a1%201%200%200%201%20.002-.128A14%2014%200%200%201%200%2014.13C0%206.324%206.325%200%2014.128%200s14.128%206.325%2014.128%2014.128m-14.129%209.66c5.335%200%209.66-4.325%209.66-9.66s-4.325-9.66-9.66-9.66-9.66%204.325-9.66%209.66a9.66%209.66%200%200%200%209.66%209.66%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M8.036%2015.398v-2.674a2.405%202.405%200%201%201%204.81%200v2.674zm7.375%200v-2.674a2.405%202.405%200%201%201%204.81%200v2.674zm51.609-4.591c3.47%200%206.44%201.844%206.44%207.344v8.908h-4.408v-8.47c0-2.72-1.031-4.157-3.25-4.157-2.282%200-3.594%201.625-3.594%204.407v8.22H57.8V10.994h3.844l.406%202c1.032-1.25%202.5-2.187%204.97-2.187M53.477%209.275c-1.438%200-2.563-1.063-2.563-2.469%200-1.438%201.125-2.5%202.563-2.5s2.563%201.062%202.563%202.5c0%201.406-1.125%202.47-2.563%202.47m-2.22%2017.784V10.994h4.439V27.06zm-18.159-.001V5.18h8.907c4.75%200%207.907%202.844%207.907%207.282%200%204.407-3.156%207.251-7.907%207.251h-4.22v7.345zm8.47-17.972h-3.782v6.72h3.782c2.187%200%203.594-1.281%203.594-3.344%200-2.094-1.407-3.376-3.594-3.376%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E",
    "favicon": "https://www.pin.com/images/favicon-light-mode-32x32.webp",
    "ogImage": "https://www.pin.com/meta/og.jpg",
    "logoHref": "/#"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "business professionals"
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  }
}
```