# Oboe Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #FFF1C7 |
| Accent | #B9D7F4 |
| Body Font | Public Sans |
| Heading Font | Souvenir Std |

## Color Palette

- primary: #FFF1C7
- secondary: #FFD6A0
- accent: #B9D7F4
- background: #FCFAF8
- textPrimary: #242929
- link: #B9D7F4

## Typography

- primary: Public Sans — https://fonts.google.com/specimen/Public+Sans
- heading: Souvenir Std — https://fonts.google.com/specimen/Souvenir+Std

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20height%3D%2216%22%20width%3D%2249.830845771144276%22%20viewBox%3D%220%200%20626%20201%22%20fill%3D%22black%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M98.4083%203.6001C157.238%203.6001%20196.817%2046.277%20196.817%20101.8C196.817%20157.323%20157.253%20200%2098.4083%20200C39.5632%20200%200%20157.323%200%20101.8C0%2046.277%2039.5632%203.6001%2098.4083%203.6001ZM41.1162%20101.8C41.1162%20147.554%2062.4432%20182.523%2098.4083%20182.523C134.374%20182.523%20155.7%20147.569%20155.7%20101.8C155.7%2056.0309%20135.665%2021.077%2098.1469%2021.077C65.7798%2021.077%2041.1009%2051.6616%2041.1009%20101.8H41.1162Z%22%2F%3E%3Cpath%20d%3D%22M234.95%200C241.623%200%20244.207%203.6%20244.207%2015.4308V86.1231C255.262%2075.5846%20268.101%2070.4462%20282.232%2070.4462C317.951%2070.4462%20337.218%2096.6615%20337.218%20130.6C337.218%20171.985%20307.419%20198.462%20265.795%20198.462C224.171%20198.462%20210.809%20176.354%20210.809%20149.108V32.9077C210.809%2021.0769%20197.447%2023.6462%20197.447%2015.9385C197.447%209.93846%20209.953%204.62564%20234.965%200L234.95%200ZM244.207%20141.908C244.207%20169.923%20253.971%20183.046%20270.162%20183.046C288.398%20183.046%20301.76%20169.169%20301.76%20137.292C301.76%20105.415%20290.458%2086.9077%20272.73%2086.9077C260.905%2086.9077%20244.207%2095.9077%20244.207%20120.585V141.923V141.908Z%22%2F%3E%3Cpath%20d%3D%22M419.174%2070.4307C457.707%2070.4307%20488.798%2096.3999%20488.798%20134.446C488.798%20172.492%20457.707%20198.461%20419.174%20198.461C380.641%20198.461%20349.55%20172.492%20349.55%20134.446C349.55%2096.3999%20380.641%2070.4307%20419.174%2070.4307ZM395.002%20110.277C372.291%20133%20371.2%20155.169%20384.823%20168.815C398.446%20182.461%20420.619%20181.354%20443.33%20158.631C465.133%20136.815%20467.855%20114.461%20453.324%2099.923C435.15%2081.7384%20410.271%2095.0153%20395.002%20110.277Z%22%2F%3E%3Cpath%20d%3D%22M574.105%2070.4307C595.939%2070.4307%20623.955%2080.4614%20623.955%20105.908C623.955%20137.785%20575.658%20146.523%20538.647%20148.585C541.984%20169.4%20558.682%20179.954%20574.366%20179.954C591.588%20179.954%20603.135%20171.477%20610.593%20164.523C613.929%20161.185%20616.251%20159.123%20620.095%20159.123C623.939%20159.123%20626%20161.185%20626%20165.031C626%20177.631%20598%20198.446%20566.647%20198.446C529.652%20198.446%20501.129%20172.477%20501.129%20137.523C501.129%20100.508%20523.993%2070.4307%20574.105%2070.4307ZM536.587%20133.169V134.708C559.451%20132.4%20590.542%20125.2%20590.542%20102.569C590.542%2092.0307%20584.638%2084.323%20571.783%2084.323C550.195%2084.323%20536.587%20104.123%20536.587%20133.169Z%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://oboe.com/favicon.ico?v=2
- Social card (og:image): https://oboe.com/assets/oboe-logo-opengraph.png

## UI Components

- input: background=transparent, textColor=#0A0A0A, borderColor=null, borderRadius=0px, shadow=none

## Brand Personality

Tone: playful · Energy: medium · Audience: students and learners

## Oboe Brand in the Wild

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

- **Classical musicians left baffled over jewellery advert with model 'playing'  the oboe - Classic FM**
  - Image: https://imgs.classicfm.com/images/256006?crop=16_9&width=660&relax=1&format=webp&signature=Ex0n4DhBTM1zZG3KJ9aM3HaPrlU=
  - Source: https://www.classicfm.com/discover-music/instruments/oboe/jewellery-advert-confusing-classical-music-world/
- **How to Play the Oboe：Oboe fingering table - Musical Instrument Guide -  Yamaha Corporation**
  - Image: https://www.yamaha.com/en/musical_instrument_guide/common/images/oboe/play_p04_01.jpg
  - Source: https://www.yamaha.com/en/musical_instrument_guide/oboe/play/play004.html
- **Muskoka Landing: Oboe: Oboe Part - Digital Sheet Music Download**
  - Image: https://static.alfred.com/cache/e7/c4/e7c4436ed5d6e615f463a8852ee196c8.png
  - Source: https://www.alfred.com/muskoka-landing-oboe/p/00-PC-0000810_O1/?srsltid=AfmBOor3kD1rWbUybR-SSZszHuBOJtneyhk_G87Bl2gPQjCS6vtJHsbk
- **1943 Scott Fine Radio: Oboe Despair Radio Engineers Life Vintage Print Ad |  eBay**
  - Image: https://i.ebayimg.com/images/g/CoUAAOSw41VnOmro/s-l400.jpg
  - Source: https://www.ebay.com/itm/276736557749
- **OBOE - Comparative Report Dashboard - Orchestras Canada/Orchestres Canada**
  - Image: https://oc.ca/wp-content/uploads/2025/03/OBOE_EN.png
  - Source: https://oc.ca/en/resource/comparative-report-dashboard-oboe/
- **Bizarre Japanese Jewellery Ad Featuring Oboe Falls Flat - B&T**
  - Image: https://www.bandt.com.au/information/uploads/2021/08/oboe-ad.jpg
  - Source: https://www.bandt.com.au/bizarre-japanese-jewellery-ad-featuring-oboe-falls-flat/

## 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": "Public Sans",
      "role": "body"
    },
    {
      "family": "Souvenir Std",
      "role": "heading"
    },
    {
      "family": "Georgia",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#FFF1C7",
    "secondary": "#FFD6A0",
    "accent": "#B9D7F4",
    "background": "#FCFAF8",
    "textPrimary": "#242929",
    "link": "#B9D7F4"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Public Sans",
      "heading": "Souvenir Std"
    },
    "fontStacks": {
      "heading": [
        "Public Sans",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Public Sans",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Souvenir Std",
        "Georgia",
        "serif"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "16px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#0A0A0A",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20height%3D%2216%22%20width%3D%2249.830845771144276%22%20viewBox%3D%220%200%20626%20201%22%20fill%3D%22black%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M98.4083%203.6001C157.238%203.6001%20196.817%2046.277%20196.817%20101.8C196.817%20157.323%20157.253%20200%2098.4083%20200C39.5632%20200%200%20157.323%200%20101.8C0%2046.277%2039.5632%203.6001%2098.4083%203.6001ZM41.1162%20101.8C41.1162%20147.554%2062.4432%20182.523%2098.4083%20182.523C134.374%20182.523%20155.7%20147.569%20155.7%20101.8C155.7%2056.0309%20135.665%2021.077%2098.1469%2021.077C65.7798%2021.077%2041.1009%2051.6616%2041.1009%20101.8H41.1162Z%22%2F%3E%3Cpath%20d%3D%22M234.95%200C241.623%200%20244.207%203.6%20244.207%2015.4308V86.1231C255.262%2075.5846%20268.101%2070.4462%20282.232%2070.4462C317.951%2070.4462%20337.218%2096.6615%20337.218%20130.6C337.218%20171.985%20307.419%20198.462%20265.795%20198.462C224.171%20198.462%20210.809%20176.354%20210.809%20149.108V32.9077C210.809%2021.0769%20197.447%2023.6462%20197.447%2015.9385C197.447%209.93846%20209.953%204.62564%20234.965%200L234.95%200ZM244.207%20141.908C244.207%20169.923%20253.971%20183.046%20270.162%20183.046C288.398%20183.046%20301.76%20169.169%20301.76%20137.292C301.76%20105.415%20290.458%2086.9077%20272.73%2086.9077C260.905%2086.9077%20244.207%2095.9077%20244.207%20120.585V141.923V141.908Z%22%2F%3E%3Cpath%20d%3D%22M419.174%2070.4307C457.707%2070.4307%20488.798%2096.3999%20488.798%20134.446C488.798%20172.492%20457.707%20198.461%20419.174%20198.461C380.641%20198.461%20349.55%20172.492%20349.55%20134.446C349.55%2096.3999%20380.641%2070.4307%20419.174%2070.4307ZM395.002%20110.277C372.291%20133%20371.2%20155.169%20384.823%20168.815C398.446%20182.461%20420.619%20181.354%20443.33%20158.631C465.133%20136.815%20467.855%20114.461%20453.324%2099.923C435.15%2081.7384%20410.271%2095.0153%20395.002%20110.277Z%22%2F%3E%3Cpath%20d%3D%22M574.105%2070.4307C595.939%2070.4307%20623.955%2080.4614%20623.955%20105.908C623.955%20137.785%20575.658%20146.523%20538.647%20148.585C541.984%20169.4%20558.682%20179.954%20574.366%20179.954C591.588%20179.954%20603.135%20171.477%20610.593%20164.523C613.929%20161.185%20616.251%20159.123%20620.095%20159.123C623.939%20159.123%20626%20161.185%20626%20165.031C626%20177.631%20598%20198.446%20566.647%20198.446C529.652%20198.446%20501.129%20172.477%20501.129%20137.523C501.129%20100.508%20523.993%2070.4307%20574.105%2070.4307ZM536.587%20133.169V134.708C559.451%20132.4%20590.542%20125.2%20590.542%20102.569C590.542%2092.0307%20584.638%2084.323%20571.783%2084.323C550.195%2084.323%20536.587%20104.123%20536.587%20133.169Z%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://oboe.com/favicon.ico?v=2",
    "ogImage": "https://oboe.com/assets/oboe-logo-opengraph.png",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.",
    "confidence": 0.9,
    "source": "llm"
  },
  "personality": {
    "tone": "playful",
    "energy": "medium",
    "targetAudience": "students and learners"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0,
    "colors": 0.9,
    "overall": 0.45
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": false,
      "llmSucceeded": false
    }
  }
}
```