# Posh Brand Identity

A complete profile of **Posh**'s visual system — colors, typography, components, and personality — extracted from https://posh.vip/. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/posh
- Machine-readable JSON: https://characterquilt.com/branding/posh.json
- Per-page llms.txt: https://characterquilt.com/branding/posh/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #3898EC |
| Accent | #0082F3 |
| Body Font | Neue Haas |
| Heading Font | Neue Haas |

## Color Palette

- primary: #3898EC
- secondary: #FFFF00
- accent: #0082F3
- background: #FFFFFF
- textPrimary: #000000
- link: #0082F3

## Typography

- primary: Neue Haas — https://fonts.google.com/specimen/Neue+Haas
- heading: Neue Haas — https://fonts.google.com/specimen/Neue+Haas

## Visual Assets

- Logo: https://cdn.prod.website-files.com/6979568d54b5ed70e010e8dc/698e400c32d7f7b7ee7cff4a_logo%20black.svg
- Favicon: https://cdn.prod.website-files.com/6979568d54b5ed70e010e8dc/69b482c853dc669fc09198ff_favicon.png
- Social card (og:image): https://posh-b2.s3.us-east-2.amazonaws.com/092724_Posh_Metal_3D_Logo_1920x1080-ezgif.com-crop.gif

## UI Components

- buttonPrimary: background=#000000, textColor=#FFFFFF, borderRadius=56px, shadow=none
- buttonSecondary: background=#F5F5F5, textColor=#000000, borderRadius=56px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: event organizers and attendees

## Posh Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **Cybertruck Rodeo - Worlds Largest Cybertruck Meet Up | Tesla Owners Club of  Austin | Sun, Jun 2, 2024 | DOMO Dove Nest Motorsports Club**
  - Image: https://posh-images-originals-production.s3.amazonaws.com/664197e56beb18559fa885b5
  - Source: https://posh.vip/e/cybertruck-rodeo-the-worlds-biggest-cybertruck-meet
- **Who is David Davidov?. Introducing David, an extremely… | by Owen Colwell |  Posh**
  - Image: https://miro.medium.com/v2/resize:fit:1200/1*-bHDGJgOLhSbh3NGwOzJKA.jpeg
  - Source: https://blog.posh.vip/who-is-posh-bc550fd95621
- **The Brave New Earth | Official Art Basel Event | PARTNYC | Tue, Dec 2, 2025  | The Ritz-Carlton, South Beach**
  - Image: https://posh-images-originals-production.s3.amazonaws.com/6926e72760b04610738160cc
  - Source: https://posh.vip/e/the-brave-new-earth-ritzcarlton-south-beachofficial-art-basel-2025
- **Who is Ethan Harsh?. Introducing Ethan, a talented Software… | by Owen  Colwell | Posh**
  - Image: https://miro.medium.com/1*a01xIGGpNL9SCQUSZIRCyg.jpeg
  - Source: https://blog.posh.vip/who-is-ethan-harsh-1f47a86d38a4
- **Death By Disco: A Halloween Pop-Up at Timeout Market with Solstice Presents  | Thank You For Dancing | Sat, Nov 1, 2025 | Time Out Market Chicago**
  - Image: https://posh.vip/cdn-cgi/image/width=3840,quality=75,fit=scale-down,format=auto/https://posh-images-originals-production.s3.amazonaws.com/68a5fc192cee2aa3148096bd
  - Source: https://posh.vip/e/death-by-disco-a-halloween-popup-2025-11-8-8-0
- **Cracking The Lens: An Exclusive Q+A With Relly, NYC's Up-and-Coming Event  Photographer**
  - Image: https://cdn.prod.website-files.com/641c7c32007e2e12b6f1a4ad/64f8d57cd5e21d3daa0ff0cc_Screenshot%202023-08-29%20at%2010.43.43%20AM.png
  - Source: https://hosted.posh.vip/blog-posts/cracking-the-lens-an-exclusive-q-a-with-relly-nycs-up-and-coming-event-photographer

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Neue Haas",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#3898EC",
    "secondary": "#FFFF00",
    "accent": "#0082F3",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#0082F3"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Neue Haas",
      "heading": "Neue Haas"
    },
    "fontStacks": {
      "heading": [
        "Neue Haas",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Neue Haas",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Neue Haas",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "128px",
      "h2": "40px",
      "body": "21px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderRadius": "56px",
      "borderRadiusCorners": {
        "topLeft": "56px",
        "topRight": "56px",
        "bottomRight": "56px",
        "bottomLeft": "56px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F5F5F5",
      "textColor": "#000000",
      "borderRadius": "56px",
      "borderRadiusCorners": {
        "topLeft": "56px",
        "topRight": "56px",
        "bottomRight": "56px",
        "bottomLeft": "56px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/6979568d54b5ed70e010e8dc/698e400c32d7f7b7ee7cff4a_logo%20black.svg",
    "favicon": "https://cdn.prod.website-files.com/6979568d54b5ed70e010e8dc/69b482c853dc669fc09198ff_favicon.png",
    "ogImage": "https://posh-b2.s3.us-east-2.amazonaws.com/092724_Posh_Metal_3D_Logo_1920x1080-ezgif.com-crop.gif",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Posh'.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 2,
      "text": "Posh for Organizers",
      "reasoning": "Button #2 has a dark background with the text 'Posh for Organizers', indicating a strong call-to-action for a specific user group. It uses the class 'primary-button', suggesting it's intended as a primary CTA."
    },
    "secondary": {
      "index": 5,
      "text": "View organizer",
      "reasoning": "Button #5 has a light background and serves as a secondary action with the text 'View organizer'. It is distinct from the primary button's color group and uses the class 'secondary-button'."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "event organizers and attendees"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Posh'.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```