# Gemnote Brand Identity

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

## Color Palette

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

- primary: `#3898EC`
- secondary: `#FFDEDE`
- accent: `#F5F2EE`
- background: `#F5F2EE`
- textPrimary: `#22211F`
- link: `#AAA59B`

## Typography

Each font links to its Google Fonts page where available.

- primary: Inter
- heading: Editorialnew

**Font Links:**  
- [Inter](https://fonts.google.com/specimen/Inter)  
- [Editorialnew](https://fonts.google.com/specimen/Editorialnew)

## Visual Assets

.png)

## UI Components

Live previews rendered using Gemnote's actual button styles.

**Button Primary**  
- background: #F5F2EE  
- textColor: #22211F  
- borderColor: #22211F  
- borderRadius: 100px  
- shadow: none

**Button Secondary**  
- background: #22211F  
- textColor: #FFFFFF  
- borderColor: #22211F  
- borderRadius: 100px  
- shadow: none

## Brand Personality

- **Tone:** professional  
- **Energy:** medium  
- **Audience:** businesses looking for custom merchandise and packaging solutions

## Frequently Asked Questions

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

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

**What font does Gemnote use?**  
Gemnote uses Inter for body text and Editorialnew for headings. Fonts were detected on http://gemnote.com as part of their live design system.

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

**Where can I find Gemnote's logo?**  
Gemnote's logo is available directly on their site (http://gemnote.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://gemnote.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 Gemnote.

## Methodology

Brand data on this page was extracted from [http://gemnote.com](http://gemnote.com/) 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": "Editorialnew",
      "role": "heading"
    },
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#3898EC",
    "secondary": "#FFDEDE",
    "accent": "#F5F2EE",
    "background": "#F5F2EE",
    "textPrimary": "#22211F",
    "link": "#AAA59B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Editorialnew"
    },
    "fontStacks": {
      "heading": [
        "Editorialnew",
        "sans-serif"
      ],
      "body": [
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "33px",
      "h2": "55px",
      "body": "12px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "11px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#F5F2EE",
      "textColor": "#22211F",
      "borderColor": "#22211F",
      "borderRadius": "100px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#22211F",
      "textColor": "#FFFFFF",
      "borderColor": "#22211F",
      "borderRadius": "100px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/6718ab0c5f7e6e98b11c3a7c/67d31599def9dec7e6c1b67f_Gemnote_Logo_Black%201%20(1).png",
    "favicon": "https://cdn.prod.website-files.com/6718ab0c5f7e6e98b11c3a7c/690cc6dc6007c2f84aea3086_favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/6718ab0c5f7e6e98b11c3a7c/67a5d5c6fb7c52b7fd7b0f12_Gemnote-hero.jpg"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "businesses looking for custom merchandise and packaging solutions"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  }
}
```