# PNOĒ Brand Identity

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

## Color Palette

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

### Colors

- **Primary**: #E3F2F9  
- **Secondary**: #1863DC  
- **Accent**: #E7000B  
- **Background**: #FFFFFF  
- **Text Primary**: #E7000B  
- **Link**: #E7000B

## Typography

Each font links to its Google Fonts page where available.

### Fonts

- **Primary**: Inter  
- **Heading**: Instrument Serif

## Visual Assets

Logo

Favicon

## UI Components

### Live Previews  
Rendered using PNOĒ's actual button styles.

- **Button Primary**  
  - Background: #E7000B  
  - Text Color: #FFFFFF  
  - Border Color: #E7000B  
  - Border Radius: 30px  
  - Shadow: none

- **Button Secondary**  
  - Background: #E3F2F9  
  - Text Color: #000000  
  - Border Radius: 0px  
  - Shadow: none

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** clinics and health professionals

## Frequently Asked Questions

1. **What is PNOĒ's primary brand color?**
   - PNOĒ's primary brand color is #E3F2F9. It anchors the visual identity across their website, product UI, and marketing materials.

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

3. **What font does PNOĒ use?**
   - PNOĒ uses Inter for body text and Instrument Serif for headings. Fonts were detected on https://pnoe.com as part of their live design system.

4. **Does PNOĒ use a light or dark theme?**
   - PNOĒ's primary site uses a light color scheme, with a background of #FFFFFF.

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

6. **How was this brand profile generated?**
   - This profile was extracted from https://pnoe.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 PNOĒ.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Instrument Serif",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#E3F2F9",
    "secondary": "#1863DC",
    "accent": "#E7000B",
    "background": "#FFFFFF",
    "textPrimary": "#E7000B",
    "link": "#E7000B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Instrument Serif"
    },
    "fontStacks": {
      "heading": [
        "Instrument Serif",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "50px",
      "h2": "30px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "5px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#E7000B",
      "textColor": "#FFFFFF",
      "borderColor": "#E7000B",
      "borderRadius": "30px",
      "borderRadiusCorners": {
        "topLeft": "30px",
        "topRight": "30px",
        "bottomRight": "30px",
        "bottomLeft": "30px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#E3F2F9",
      "textColor": "#000000",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://pnoe.com/wp-content/uploads/2024/06/PNOE-LOGO-02-1.png",
    "favicon": "https://pnoe.com/wp-content/uploads/2024/06/cropped-PNOE-LOGO-02-1-32x32.png",
    "ogImage": null,
    "logoHref": "https://pnoe.com",
    "logoAlt": "Pnoe"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "clinics and health professionals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  }
}
```