# Spenmo Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #0A2240 |
| Accent | #0A2240 |
| Body Font | Noto Sans |
| Heading Font | Noto Sans |

## Color Palette

- primary: #0A2240
- secondary: #BFF0FF
- accent: #0A2240
- background: #F1F1F1
- textPrimary: #333333
- link: #617996

## Typography

- primary: Noto Sans — https://fonts.google.com/specimen/Noto+Sans
- heading: Noto Sans — https://fonts.google.com/specimen/Noto+Sans

## Visual Assets

- Logo: https://summitglobal.com/hs-fs/hubfs/social-suggested-images/summitglobal.comhs-fshubfssocial-suggested-imagessummitglobal.comhs-fshubfssummit-logo-2.png?width=199&height=34&name=summitglobal.comhs-fshubfssocial-suggested-imagessummitglobal.comhs-fshubfssummit-logo-2.png
- Social card (og:image): https://summitglobal.com/hubfs/summit%20expense%20management%20SECONDARY%20LOGO%20w%20BORDER.png

## UI Components

- input: background=#FFFFFF, textColor=#000000, borderColor=#767676, borderRadius=0px, shadow=none
- buttonPrimary: background=#0A2240, textColor=#102241, borderRadius=14px, shadow=none
- buttonSecondary: background=#BFF0FF, textColor=#122946, borderColor=#BFF0FF, borderRadius=8px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: business professionals

## Spenmo Brand in the Wild

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

- **Streamline reimbursements with a smart petty cash voucher template | Summit**
  - Image: https://summitglobal.com/hs-fs/hubfs/petty-cash-3.png?width=2000&height=2000&name=petty-cash-3.png
  - Source: https://summitglobal.com/downloads/petty-cash-voucher-template
- **Summit blog**
  - Image: https://summitglobal.com/hubfs/summit_blog/1.png
  - Source: https://summitglobal.com/blog
- **Summit Employee Expense Management | AI Claim System**
  - Image: https://6462328.fs1.hubspotusercontent-na1.net/hub/6462328/hubfs/custom-video-thumbnails/EEM_Product%20Walkthrough%20V2-thumb-1.jpeg?length=1920
  - Source: https://summitglobal.com/employee-expense-management
- **Streamlining Finance Workflows: Insights from Summit CEO Jo-ann Chung**
  - Image: https://summitglobal.com/hubfs/Blog%20Image%20-%20MoneyFM_Jo-ann%20Interview.png
  - Source: https://summitglobal.com/blog/streamlining-finance-workflows-insights-from-joann-chung
- **Summit Employee Expense Management | AI Claim System**
  - Image: https://6462328.fs1.hubspotusercontent-na1.net/hub/6462328/hubfs/custom-video-thumbnails/FINAL%20-%20EEM%20Video%20(2)-thumb-1.jpeg?length=1920
  - Source: https://summitglobal.com/employee-expense-management
- **Where Marketing Budgets Leak and How You Can Stop It**
  - Image: https://summitglobal.com/hubfs/the-future-of-vendor-invoice-management-trends-to-watch.png
  - Source: https://summitglobal.com/blog/where-marketing-budgets-leak-and-how-you-can-stop-it

## 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": "Noto Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0A2240",
    "secondary": "#BFF0FF",
    "accent": "#0A2240",
    "background": "#F1F1F1",
    "textPrimary": "#333333",
    "link": "#617996"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Noto Sans",
      "heading": "Noto Sans"
    },
    "fontStacks": {
      "heading": [
        "Noto Sans",
        "sans-serif"
      ],
      "body": [
        "Noto Sans",
        "sans-serif"
      ],
      "paragraph": [
        "Noto Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "40px",
      "h2": "18px",
      "body": "13px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderColor": "#767676",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#0A2240",
      "textColor": "#102241",
      "borderRadius": "14px",
      "borderRadiusCorners": {
        "topLeft": "14px",
        "topRight": "14px",
        "bottomRight": "14px",
        "bottomLeft": "14px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#BFF0FF",
      "textColor": "#122946",
      "borderColor": "#BFF0FF",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://summitglobal.com/hs-fs/hubfs/social-suggested-images/summitglobal.comhs-fshubfssocial-suggested-imagessummitglobal.comhs-fshubfssummit-logo-2.png?width=199&height=34&name=summitglobal.comhs-fshubfssocial-suggested-imagessummitglobal.comhs-fshubfssummit-logo-2.png",
    "favicon": null,
    "ogImage": "https://summitglobal.com/hubfs/summit%20expense%20management%20SECONDARY%20LOGO%20w%20BORDER.png",
    "logoHref": "//summitglobal.com",
    "logoAlt": "summitglobal.comhs-fshubfssocial-suggested-imagessummitglobal.comhs-fshubfssummit-logo-2"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, matches the brand name 'Summit', and links to the homepage.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 1,
      "text": "Sign Up",
      "reasoning": "Button #1 ('Sign Up') uses the brand color #0A2240, which is vibrant and action-oriented, making it the primary CTA."
    },
    "secondary": {
      "index": 0,
      "text": "Subscribe",
      "reasoning": "Button #0 ('Subscribe') has a different background color (#BFF0FF) and serves as a secondary action, complementing the primary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, matches the brand name 'Summit', and links to the homepage.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```