# Mine Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #FFFFE0 |
| Accent | #F7F5FA |
| Body Font | Mine Saans Medium |
| Heading Font | Mine Serrif Condensed Regular |

## Color Palette

- primary: #FFFFE0
- secondary: #FFFFE4
- accent: #F7F5FA
- background: #FFFFFF
- textPrimary: #151515
- link: #0000EE

## Typography

- primary: Mine Saans Medium — https://fonts.google.com/specimen/Mine+Saans+Medium
- heading: Mine Serrif Condensed Regular — https://fonts.google.com/specimen/Mine+Serrif+Condensed+Regular

## Visual Assets

- Logo: data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%2522http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%2522%20xmlns%3Axlink%3D%2522http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%2522%20viewBox%3D%25220%200%20120%2033.68%2522%20overflow%3D%2522visible%2522%3E%3Cpath%20d%3D%2522M%2015.094%2032.888%20L%2010.146%2011.787%20C%2010.053%2011.423%209.518%2011.49%209.518%2011.865%20L%209.518%2032.766%20C%209.518%2033.042%209.294%2033.266%209.018%2033.266%20L%200.5%2033.266%20C%200.224%2033.266%200%2033.042%200%2032.766%20L%200%201.356%20C%200%201.08%200.224%200.856%200.5%200.856%20L%2018.93%200.856%20C%2019.166%200.855%2019.37%201.02%2019.42%201.25%20L%2021.978%2013.882%20C%2022.023%2014.091%2022.319%2014.092%2022.367%2013.883%20L%2025.015%201.247%20C%2025.066%201.019%2025.269%200.857%2025.502%200.857%20L%2042.575%200.857%20C%2042.708%200.857%2042.835%200.91%2042.929%201.004%20C%2043.023%201.098%2043.075%201.225%2043.075%201.358%20L%2043.075%2032.766%20C%2043.075%2033.042%2042.851%2033.266%2042.575%2033.266%20L%2031.422%2033.266%20C%2031.146%2033.266%2030.922%2033.042%2030.922%2032.766%20L%2030.922%2012.368%20C%2030.922%2011.993%2030.386%2011.925%2030.295%2012.29%20L%2025.495%2032.888%20C%2025.439%2033.11%2025.238%2033.266%2025.009%2033.265%20L%2015.579%2033.265%20C%2015.35%2033.265%2015.15%2033.11%2015.094%2032.888%20Z%20M%2089.631%2018.027%20L%2089.631%2032.862%20C%2089.63%2033.084%2089.45%2033.264%2089.228%2033.264%20L%2077.938%2033.264%20C%2077.715%2033.264%2077.535%2033.084%2077.535%2032.861%20L%2077.535%2017.855%20C%2077.418%2014.195%2072.685%2014.465%2072.847%2018.098%20L%2072.849%2032.598%20C%2072.849%2032.966%2072.551%2033.264%2072.183%2033.264%20L%2061.367%2033.264%20C%2061%2033.264%2060.702%2032.966%2060.701%2032.599%20L%2060.701%2010.88%20C%2060.701%2010.61%2060.921%2010.39%2061.192%2010.39%20L%2071.72%2010.39%20C%2071.991%2010.39%2072.211%2010.61%2072.211%2010.88%20L%2072.211%2012.737%20C%2072.211%2013.033%2072.595%2013.146%2072.756%2012.898%20C%2072.76%2012.891%2072.765%2012.884%2072.77%2012.878%20C%2074.177%2010.998%2076.016%209.708%2080.308%209.708%20C%2088.154%209.708%2089.633%2012.918%2089.633%2018.026%20C%2089.633%2018.026%2089.633%2018.027%2089.633%2018.026%20Z%20M%2045.755%2032.727%20L%2045.755%2018.501%20C%2045.755%2018.203%2046.022%2017.962%2046.351%2017.962%20L%2057.31%2017.962%20C%2057.64%2017.962%2057.906%2018.203%2057.906%2018.501%20L%2057.906%2032.727%20C%2057.906%2033.025%2057.639%2033.266%2057.31%2033.266%20L%2046.351%2033.266%20C%2046.021%2033.266%2045.755%2033.025%2045.755%2032.727%20Z%20M%20119.309%2023.657%20L%20103.665%2023.657%20C%20103.513%2023.654%20103.388%2023.773%20103.384%2023.925%20L%20103.384%2026.3%20C%20103.384%2028.023%20105.129%2029.01%20107.075%2028.438%20C%20108.275%2028.086%20108.475%2027.08%20108.475%2025.686%20C%20108.475%2025.127%20108.715%2024.944%20109.244%2024.944%20L%20119.308%2024.944%20C%20119.632%2024.944%20119.891%2025.199%20119.885%2025.508%20C%20119.859%2026.912%20119.493%2028.214%20118.619%2029.429%20C%20116.387%2032.533%20112.818%2033.39%20109.334%2033.584%20C%20105.897%2033.774%20101.874%2033.777%2098.59%2032.671%20C%2096.13%2031.845%2094.18%2030.191%2093.03%2027.951%20C%2091.326%2024.628%2091.276%2019.957%2092.397%2016.742%20C%2093.857%2012.559%2097.721%2010.448%20103.056%209.914%20C%20107.519%209.467%20113.256%209.736%20116.899%2012.628%20C%20120.298%2015.325%20120.019%2019.229%20119.978%2023.026%20C%20119.975%2023.376%20119.676%2023.658%20119.31%2023.658%20L%20119.309%2023.658%20Z%20M%20104.044%2019.207%20L%20107.814%2019.207%20C%20108.179%2019.207%20108.474%2018.924%20108.474%2018.575%20L%20108.474%2017.467%20C%20108.474%2014.627%20103.383%2014.709%20103.383%2017.515%20L%20103.383%2018.575%20C%20103.383%2018.924%20103.678%2019.206%20104.043%2019.206%20L%20104.044%2019.206%20Z%20M%2058.714%208.14%20L%2058.714%208.141%20C%2058.554%2011.396%2056.576%2014.496%2053.587%2015.853%20C%2053.491%2015.897%2051.801%2016.47%2051.801%2016.277%20L%2051.801%2013.957%20C%2051.801%2013.831%2051.701%2013.732%2051.574%2013.727%20C%2047.873%2013.605%2044.936%2010.569%2044.935%206.866%20C%2044.935%203.15%2048.011%200%2051.803%200%20C%2054.368%200%2056.72%201.692%2057.858%203.937%20C%2058.518%205.239%2058.785%206.694%2058.715%208.14%20Z%2522%20fill%3D%2522rgb(60%2C61%2C59)%2522%3E%3C%2Fpath%3E%3C%2Fsvg%3E
- Favicon: https://framerusercontent.com/images/LNWoBpURt60lnZTQuDsCAyHXycc.png
- Social card (og:image): https://framerusercontent.com/assets/Ge6PBJCsLjzDhNN6d1yuqM1x7e4.png

## UI Components

- buttonPrimary: background=#F7F5FA, textColor=#000000, borderRadius=8px, shadow=none
- buttonSecondary: background=#151515, textColor=#000000, borderRadius=8px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: young adults seeking financial tools

## Mine Brand in the Wild

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

- **Mine (formerly Fizz) | #1 Money and Credit App**
  - Image: https://framerusercontent.com/images/xiwKajVJiW0jPNu1kXNDHzBfL4g.jpeg?width=4284&height=5712
  - Source: https://usemine.com/about
- **Best financial tips & advice for college students | Mine**
  - Image: https://framerusercontent.com/images/99MRKwsakR3lIMS4C6UHo6QbLio.png?width=2048&height=1152
  - Source: https://usemine.com/resources
- **Mine (formerly Fizz) | #1 Money and Credit App**
  - Image: https://framerusercontent.com/images/L7EvE172iyaCEW2uWjQrzyAesao.png?width=3840&height=2160
  - Source: https://usemine.com/obatried
- **Best financial tips & advice for college students | Mine**
  - Image: https://framerusercontent.com/images/YLMwjcOjQtp91D2QjpFbSDVw.png?width=1536&height=864
  - Source: https://usemine.com/resources
- **Mine (formerly Fizz) | #1 Money and Credit App**
  - Image: https://framerusercontent.com/images/px7JnaghPpzWcmI9ZaD8IBjs1hk.png?width=2048&height=2048
  - Source: https://usemine.com/about
- **Best financial tips & advice for college students | Mine**
  - Image: https://framerusercontent.com/images/yzANif9FEPMZZG5V0huZvjhLekg.png?width=1536&height=864
  - Source: https://usemine.com/resources

## 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": "Mine Saans Medium",
      "role": "body"
    },
    {
      "family": "Mine Serrif Condensed Regular",
      "role": "heading"
    },
    {
      "family": "Noto Serif",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#FFFFE0",
    "secondary": "#FFFFE4",
    "accent": "#F7F5FA",
    "background": "#FFFFFF",
    "textPrimary": "#151515",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Mine Saans Medium",
      "heading": "Mine Serrif Condensed Regular"
    },
    "fontStacks": {
      "heading": [
        "Mine Serrif Condensed Regular",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Mine Saans Regular",
        "Mine Saans Regular Placeholder",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "24px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#F7F5FA",
      "textColor": "#000000",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#151515",
      "textColor": "#000000",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%2522http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%2522%20xmlns%3Axlink%3D%2522http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%2522%20viewBox%3D%25220%200%20120%2033.68%2522%20overflow%3D%2522visible%2522%3E%3Cpath%20d%3D%2522M%2015.094%2032.888%20L%2010.146%2011.787%20C%2010.053%2011.423%209.518%2011.49%209.518%2011.865%20L%209.518%2032.766%20C%209.518%2033.042%209.294%2033.266%209.018%2033.266%20L%200.5%2033.266%20C%200.224%2033.266%200%2033.042%200%2032.766%20L%200%201.356%20C%200%201.08%200.224%200.856%200.5%200.856%20L%2018.93%200.856%20C%2019.166%200.855%2019.37%201.02%2019.42%201.25%20L%2021.978%2013.882%20C%2022.023%2014.091%2022.319%2014.092%2022.367%2013.883%20L%2025.015%201.247%20C%2025.066%201.019%2025.269%200.857%2025.502%200.857%20L%2042.575%200.857%20C%2042.708%200.857%2042.835%200.91%2042.929%201.004%20C%2043.023%201.098%2043.075%201.225%2043.075%201.358%20L%2043.075%2032.766%20C%2043.075%2033.042%2042.851%2033.266%2042.575%2033.266%20L%2031.422%2033.266%20C%2031.146%2033.266%2030.922%2033.042%2030.922%2032.766%20L%2030.922%2012.368%20C%2030.922%2011.993%2030.386%2011.925%2030.295%2012.29%20L%2025.495%2032.888%20C%2025.439%2033.11%2025.238%2033.266%2025.009%2033.265%20L%2015.579%2033.265%20C%2015.35%2033.265%2015.15%2033.11%2015.094%2032.888%20Z%20M%2089.631%2018.027%20L%2089.631%2032.862%20C%2089.63%2033.084%2089.45%2033.264%2089.228%2033.264%20L%2077.938%2033.264%20C%2077.715%2033.264%2077.535%2033.084%2077.535%2032.861%20L%2077.535%2017.855%20C%2077.418%2014.195%2072.685%2014.465%2072.847%2018.098%20L%2072.849%2032.598%20C%2072.849%2032.966%2072.551%2033.264%2072.183%2033.264%20L%2061.367%2033.264%20C%2061%2033.264%2060.702%2032.966%2060.701%2032.599%20L%2060.701%2010.88%20C%2060.701%2010.61%2060.921%2010.39%2061.192%2010.39%20L%2071.72%2010.39%20C%2071.991%2010.39%2072.211%2010.61%2072.211%2010.88%20L%2072.211%2012.737%20C%2072.211%2013.033%2072.595%2013.146%2072.756%2012.898%20C%2072.76%2012.891%2072.765%2012.884%2072.77%2012.878%20C%2074.177%2010.998%2076.016%209.708%2080.308%209.708%20C%2088.154%209.708%2089.633%2012.918%2089.633%2018.026%20C%2089.633%2018.026%2089.633%2018.027%2089.633%2018.026%20Z%20M%2045.755%2032.727%20L%2045.755%2018.501%20C%2045.755%2018.203%2046.022%2017.962%2046.351%2017.962%20L%2057.31%2017.962%20C%2057.64%2017.962%2057.906%2018.203%2057.906%2018.501%20L%2057.906%2032.727%20C%2057.906%2033.025%2057.639%2033.266%2057.31%2033.266%20L%2046.351%2033.266%20C%2046.021%2033.266%2045.755%2033.025%2045.755%2032.727%20Z%20M%20119.309%2023.657%20L%20103.665%2023.657%20C%20103.513%2023.654%20103.388%2023.773%20103.384%2023.925%20L%20103.384%2026.3%20C%20103.384%2028.023%20105.129%2029.01%20107.075%2028.438%20C%20108.275%2028.086%20108.475%2027.08%20108.475%2025.686%20C%20108.475%2025.127%20108.715%2024.944%20109.244%2024.944%20L%20119.308%2024.944%20C%20119.632%2024.944%20119.891%2025.199%20119.885%2025.508%20C%20119.859%2026.912%20119.493%2028.214%20118.619%2029.429%20C%20116.387%2032.533%20112.818%2033.39%20109.334%2033.584%20C%20105.897%2033.774%20101.874%2033.777%2098.59%2032.671%20C%2096.13%2031.845%2094.18%2030.191%2093.03%2027.951%20C%2091.326%2024.628%2091.276%2019.957%2092.397%2016.742%20C%2093.857%2012.559%2097.721%2010.448%20103.056%209.914%20C%20107.519%209.467%20113.256%209.736%20116.899%2012.628%20C%20120.298%2015.325%20120.019%2019.229%20119.978%2023.026%20C%20119.975%2023.376%20119.676%2023.658%20119.31%2023.658%20L%20119.309%2023.658%20Z%20M%20104.044%2019.207%20L%20107.814%2019.207%20C%20108.179%2019.207%20108.474%2018.924%20108.474%2018.575%20L%20108.474%2017.467%20C%20108.474%2014.627%20103.383%2014.709%20103.383%2017.515%20L%20103.383%2018.575%20C%20103.383%2018.924%20103.678%2019.206%20104.043%2019.206%20L%20104.044%2019.206%20Z%20M%2058.714%208.14%20L%2058.714%208.141%20C%2058.554%2011.396%2056.576%2014.496%2053.587%2015.853%20C%2053.491%2015.897%2051.801%2016.47%2051.801%2016.277%20L%2051.801%2013.957%20C%2051.801%2013.831%2051.701%2013.732%2051.574%2013.727%20C%2047.873%2013.605%2044.936%2010.569%2044.935%206.866%20C%2044.935%203.15%2048.011%200%2051.803%200%20C%2054.368%200%2056.72%201.692%2057.858%203.937%20C%2058.518%205.239%2058.785%206.694%2058.715%208.14%20Z%2522%20fill%3D%2522rgb(60%2C61%2C59)%2522%3E%3C%2Fpath%3E%3C%2Fsvg%3E",
    "favicon": "https://framerusercontent.com/images/LNWoBpURt60lnZTQuDsCAyHXycc.png",
    "ogImage": "https://framerusercontent.com/assets/Ge6PBJCsLjzDhNN6d1yuqM1x7e4.png",
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, aligning with the brand 'Mine'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Get Mine",
      "reasoning": "Button #0 with background color #F7F5FA (blue) is the most vibrant and stands out as a primary CTA with the action-oriented text 'Get Mine'."
    },
    "secondary": {
      "index": 1,
      "text": "Get Mine",
      "reasoning": "Button #1 with background color #151515 (dark) is distinct from the primary button's color and also features the action-oriented text 'Get Mine', making it a suitable secondary CTA."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "young adults seeking financial tools"
  },
  "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, medium-sized, and links to the homepage, aligning with the brand 'Mine'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```