# Method Financial Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #0000EE |
| Accent | #000B27 |
| Body Font | Avantt Regular |
| Heading Font | Avantt Medium |

## Color Palette

- primary: #0000EE
- secondary: #E5F1F4
- accent: #000B27
- background: #FFFFFF
- textPrimary: #000B27
- link: #000B27

## Typography

- primary: Avantt Regular — https://fonts.google.com/specimen/Avantt+Regular
- heading: Avantt Medium — https://fonts.google.com/specimen/Avantt+Medium

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20viewBox%3D%220%200%20191%2053%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%22191%22%20height%3D%2253%22%20viewBox%3D%220%200%20191%2053%22%20fill%3D%22none%22%20id%3D%22svg1937247265_4507%22%3E%0A%3Cg%20clip-path%3D%22url(%23svg1937247265_4507_clip0_8227_33158)%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.6295%2016.9785V39.338C38.6295%2039.8171%2038.0433%2040.047%2037.7169%2039.696L29.6583%2031.0161V22.9067L23.0177%2015.7536V1.50372C23.0177%201.02463%2023.6039%200.794733%2023.9303%201.14572L38.6295%2016.9785ZM27.1204%2045.6138V23.2543L12.4212%207.42146C12.0948%207.07048%2011.5086%207.30037%2011.5086%207.77946V22.0294L18.1492%2029.1824V37.2919L26.2078%2045.9717C26.5342%2046.3227%2027.1204%2046.0928%2027.1204%2045.6138ZM15.6117%2051.8771V29.5177L1.51976%2014.3395C0.977489%2013.7551%200%2014.1394%200%2014.9361V28.2928L6.64061%2035.4458V43.5553L14.6992%2052.2351C15.0256%2052.5861%2015.6117%2052.3562%2015.6117%2051.8771ZM50.1381%2043.9906V13.376H50.1398L64.9812%2029.3616L79.7785%2013.376V43.9906H74.8175V25.4604L64.9795%2036.2303L55.0992%2025.4604V43.9906H50.1381ZM86.4933%2042.2392C86.2038%2042.0321%2085.923%2041.811%2085.6509%2041.5741V41.5794C83.5022%2039.6577%2082.4283%2036.7885%2082.4283%2033.3962C82.4283%2030.0039%2083.4044%2027.3189%2085.3542%2025.3394C86.0224%2024.6707%2086.7558%2024.1144%2087.5529%2023.6721C89.1145%2022.8035%2090.9275%2022.37%2092.9862%2022.37C96.0378%2022.37%2098.4982%2023.444%20100.364%2025.592C102.229%2027.7401%20103.105%2030.7094%20102.993%2034.4965H87.3039C87.3771%2036.2233%2087.9252%2037.5536%2088.9482%2038.4837C89.097%2038.6171%2089.2553%2038.7452%2089.424%2038.8627C90.7803%2039.7665%2092.4214%2040.2193%2094.3425%2040.2193H94.3656C96.7871%2040.2158%2099.0424%2039.6068%20101.127%2038.3959V42.9324C99.1673%2043.859%2096.9064%2044.3521%2094.3497%2044.41C94.1795%2044.4135%2094.0076%2044.4153%2093.8334%2044.4153C90.9648%2044.4153%2088.5179%2043.6887%2086.4933%2042.2392ZM89.3396%2027.454C89.6006%2027.2416%2089.8726%2027.0574%2090.1534%2026.8977L92.9456%2026.1817C93.0339%2026.1817%2093.1215%2026.1835%2093.2074%2026.187C94.5024%2026.2379%2095.5748%2026.6748%2096.422%2027.4961C96.5365%2027.6014%2096.6431%2027.7138%2096.745%2027.8313C97.4577%2028.6544%2097.9016%2029.7582%2098.075%2031.1429H87.3899C87.6444%2029.5037%2088.2936%2028.2736%2089.3396%2027.454ZM109.389%2043.9906H114.054V26.9451H120.542V22.7895H114.054V15.0292H109.389V22.7895H104.556V26.9451H109.389V43.9906ZM123.078%2015.0292H127.742L127.739%2015.0309V25.0375C129.182%2023.2563%20131.259%2022.3665%20133.972%2022.3665C136.489%2022.3665%20138.494%2023.186%20139.993%2024.8251C141.52%2026.4362%20142.283%2028.6%20142.283%2031.3131V43.9906H137.619V32.0765C137.619%2030.5672%20137.307%2029.3511%20136.678%2028.4262C136.588%2028.2929%20136.492%2028.1665%20136.39%2028.0472C135.65%2027.1469%20134.597%2026.6678%20133.234%2026.6117C133.142%2026.6081%20133.049%2026.6063%20132.956%2026.6063C130.78%2026.6063%20129.178%2027.461%20128.147%2029.1703C128.002%2029.4142%20127.865%2029.6757%20127.742%2029.9548V43.9889H123.078V15.0292ZM155.923%2044.4135C159.061%2044.4135%20161.69%2043.3536%20163.81%2041.2336C165.958%2039.0856%20167.032%2036.4708%20167.032%2033.3891C167.032%2030.6936%20166.208%2028.3648%20164.564%2026.4045C164.331%2026.1238%20164.078%2025.8517%20163.81%2025.5868C161.823%2023.5721%20159.387%2022.5034%20156.505%2022.3771C156.312%2022.3682%20156.12%2022.3647%20155.923%2022.3647C153.178%2022.3647%20150.81%2023.1878%20148.822%2024.8321C148.538%2025.0673%20148.262%2025.3183%20147.994%2025.5868C145.874%2027.7067%20144.814%2030.3075%20144.814%2033.3891C144.814%2036.4708%20145.874%2039.0856%20147.994%2041.2336C150.142%2043.3536%20152.785%2044.4135%20155.923%2044.4135ZM160.459%2038.1819C159.347%2039.3752%20157.948%2040.0087%20156.264%2040.0824L156.261%2040.0806C156.149%2040.0859%20156.035%2040.0876%20155.921%2040.0876C154.289%2040.0876%20152.906%2039.6016%20151.771%2038.6276C151.609%2038.4889%20151.453%2038.3398%20151.3%2038.1801C150.188%2036.9604%20149.597%2035.481%20149.526%2033.7401C149.521%2033.6243%20149.519%2033.5084%20149.519%2033.3891C149.519%2031.4956%20150.112%2029.9126%20151.3%2028.6404C152.517%2027.34%20154.058%2026.6906%20155.923%2026.6906H155.964C157.783%2026.6994%20159.282%2027.3505%20160.459%2028.6404C161.675%2029.9126%20162.282%2031.4956%20162.282%2033.3891C162.282%2035.0475%20161.818%2036.4778%20160.887%2037.6799C160.754%2037.8519%20160.612%2038.0186%20160.459%2038.1819ZM180.144%2044.4135C177.063%2044.4135%20174.534%2043.3395%20172.554%2041.1915V41.1932C170.576%2039.0452%20169.587%2036.4445%20169.587%2033.3909C169.587%2030.3373%20170.576%2027.7365%20172.554%2025.5885C174.534%2023.4405%20177.063%2022.3665%20180.144%2022.3665C182.745%2022.3665%20184.809%2023.158%20186.335%2024.7409V15.0362H191V43.9906H186.335V41.997C184.809%2043.6081%20182.745%2044.4135%20180.144%2044.4135ZM180.695%2040.1736C183.128%2040.1736%20185.007%2039.1839%20186.335%2037.2061V29.5318C184.977%2027.5821%20183.097%2026.6063%20180.695%2026.6063C178.857%2026.6063%20177.347%2027.2715%20176.159%2028.6C174.971%2029.9004%20174.377%2031.4973%20174.377%2033.3909C174.377%2035.2845%20174.972%2036.8955%20176.159%2038.2239C177.345%2039.5226%20178.857%2040.1736%20180.695%2040.1736Z%22%20fill%3D%22%23000B27%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22svg1937247265_4507_clip0_8227_33158%22%3E%0A%3Crect%20width%3D%22191%22%20height%3D%2251.5485%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.976074)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%3C%2Fsvg%3E
- Favicon: https://framerusercontent.com/images/P93TbC5Mn1aAcLALnGLEyv9geHo.svg
- Social card (og:image): https://framerusercontent.com/assets/ZHgWyxIoZ4u3muxNTrEuOhP9o.jpg

## UI Components

- buttonPrimary: background=#000B27, textColor=#0000EE, borderRadius=92px, shadow=none
- buttonSecondary: background=#F2F8FA, textColor=#0000EE, borderRadius=8px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: financial technology professionals

## Method Financial Brand in the Wild

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

- **Elana Golub**
  - Image: https://framerusercontent.com/images/TKfufjc4mdlMX0H1IXXzDRU.jpg?width=5896&height=4714
  - Source: https://methodfi.com/team/elana-golub
- **What's New: Method Data, Auth Element, Payment fees, Dashboard and more |  Method**
  - Image: https://framerusercontent.com/images/Fo2A6IFGatU16yHZYBXDpjXfXHM.jpg?width=3600&height=1890
  - Source: https://methodfi.com/blog/what-s-new-method-data-auth-element-payment-fees-dashboard-and-more
- **Method: The future of financial connectivity**
  - Image: https://framerusercontent.com/images/T6f9FXBg6yfAV77v62elyMoYk.jpeg?width=4278&height=2852
  - Source: https://methodfi.com/devan/finn-demo-2
- **What is Method? | Method**
  - Image: https://framerusercontent.com/images/zr6upD7MR1Mw9gjnGZuEm8K63w.png?width=3840&height=1880
  - Source: https://methodfi.com/blog/what-is-method
- **I9X9Nq0qIXdLGqn23bKq0WGv8.jpg?width=6880&height=5504**
  - Image: https://framerusercontent.com/images/I9X9Nq0qIXdLGqn23bKq0WGv8.jpg?width=6880&height=5504
  - Source: https://methodfi.com/team/tatiana-shabanova
- **The Importance of Inclusive Authentication in Bridging the Financial Divide  | Method**
  - Image: https://framerusercontent.com/images/YlvoyEdCeIy9EpYXikYphcG5xI.png?width=2124&height=1416
  - Source: https://methodfi.com/blog/the-importance-of-inclusive-authentication-in-bridging-the-financial-divide

## 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": "Avantt Regular",
      "role": "body"
    },
    {
      "family": "Avantt Medium",
      "role": "heading"
    },
    {
      "family": "Avantt SemiBold",
      "role": "heading"
    },
    {
      "family": "EuclidTriangle-Regular",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#E5F1F4",
    "accent": "#000B27",
    "background": "#FFFFFF",
    "textPrimary": "#000B27",
    "link": "#000B27"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Avantt Regular",
      "heading": "Avantt Medium"
    },
    "fontStacks": {
      "heading": [
        "EuclidTriangle-Regular",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Avantt Regular",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "16px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 10,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#000B27",
      "textColor": "#0000EE",
      "borderRadius": "92px",
      "borderRadiusCorners": {
        "topLeft": "92px",
        "topRight": "92px",
        "bottomRight": "92px",
        "bottomLeft": "92px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F2F8FA",
      "textColor": "#0000EE",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20viewBox%3D%220%200%20191%2053%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%22191%22%20height%3D%2253%22%20viewBox%3D%220%200%20191%2053%22%20fill%3D%22none%22%20id%3D%22svg1937247265_4507%22%3E%0A%3Cg%20clip-path%3D%22url(%23svg1937247265_4507_clip0_8227_33158)%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M38.6295%2016.9785V39.338C38.6295%2039.8171%2038.0433%2040.047%2037.7169%2039.696L29.6583%2031.0161V22.9067L23.0177%2015.7536V1.50372C23.0177%201.02463%2023.6039%200.794733%2023.9303%201.14572L38.6295%2016.9785ZM27.1204%2045.6138V23.2543L12.4212%207.42146C12.0948%207.07048%2011.5086%207.30037%2011.5086%207.77946V22.0294L18.1492%2029.1824V37.2919L26.2078%2045.9717C26.5342%2046.3227%2027.1204%2046.0928%2027.1204%2045.6138ZM15.6117%2051.8771V29.5177L1.51976%2014.3395C0.977489%2013.7551%200%2014.1394%200%2014.9361V28.2928L6.64061%2035.4458V43.5553L14.6992%2052.2351C15.0256%2052.5861%2015.6117%2052.3562%2015.6117%2051.8771ZM50.1381%2043.9906V13.376H50.1398L64.9812%2029.3616L79.7785%2013.376V43.9906H74.8175V25.4604L64.9795%2036.2303L55.0992%2025.4604V43.9906H50.1381ZM86.4933%2042.2392C86.2038%2042.0321%2085.923%2041.811%2085.6509%2041.5741V41.5794C83.5022%2039.6577%2082.4283%2036.7885%2082.4283%2033.3962C82.4283%2030.0039%2083.4044%2027.3189%2085.3542%2025.3394C86.0224%2024.6707%2086.7558%2024.1144%2087.5529%2023.6721C89.1145%2022.8035%2090.9275%2022.37%2092.9862%2022.37C96.0378%2022.37%2098.4982%2023.444%20100.364%2025.592C102.229%2027.7401%20103.105%2030.7094%20102.993%2034.4965H87.3039C87.3771%2036.2233%2087.9252%2037.5536%2088.9482%2038.4837C89.097%2038.6171%2089.2553%2038.7452%2089.424%2038.8627C90.7803%2039.7665%2092.4214%2040.2193%2094.3425%2040.2193H94.3656C96.7871%2040.2158%2099.0424%2039.6068%20101.127%2038.3959V42.9324C99.1673%2043.859%2096.9064%2044.3521%2094.3497%2044.41C94.1795%2044.4135%2094.0076%2044.4153%2093.8334%2044.4153C90.9648%2044.4153%2088.5179%2043.6887%2086.4933%2042.2392ZM89.3396%2027.454C89.6006%2027.2416%2089.8726%2027.0574%2090.1534%2026.8977L92.9456%2026.1817C93.0339%2026.1817%2093.1215%2026.1835%2093.2074%2026.187C94.5024%2026.2379%2095.5748%2026.6748%2096.422%2027.4961C96.5365%2027.6014%2096.6431%2027.7138%2096.745%2027.8313C97.4577%2028.6544%2097.9016%2029.7582%2098.075%2031.1429H87.3899C87.6444%2029.5037%2088.2936%2028.2736%2089.3396%2027.454ZM109.389%2043.9906H114.054V26.9451H120.542V22.7895H114.054V15.0292H109.389V22.7895H104.556V26.9451H109.389V43.9906ZM123.078%2015.0292H127.742L127.739%2015.0309V25.0375C129.182%2023.2563%20131.259%2022.3665%20133.972%2022.3665C136.489%2022.3665%20138.494%2023.186%20139.993%2024.8251C141.52%2026.4362%20142.283%2028.6%20142.283%2031.3131V43.9906H137.619V32.0765C137.619%2030.5672%20137.307%2029.3511%20136.678%2028.4262C136.588%2028.2929%20136.492%2028.1665%20136.39%2028.0472C135.65%2027.1469%20134.597%2026.6678%20133.234%2026.6117C133.142%2026.6081%20133.049%2026.6063%20132.956%2026.6063C130.78%2026.6063%20129.178%2027.461%20128.147%2029.1703C128.002%2029.4142%20127.865%2029.6757%20127.742%2029.9548V43.9889H123.078V15.0292ZM155.923%2044.4135C159.061%2044.4135%20161.69%2043.3536%20163.81%2041.2336C165.958%2039.0856%20167.032%2036.4708%20167.032%2033.3891C167.032%2030.6936%20166.208%2028.3648%20164.564%2026.4045C164.331%2026.1238%20164.078%2025.8517%20163.81%2025.5868C161.823%2023.5721%20159.387%2022.5034%20156.505%2022.3771C156.312%2022.3682%20156.12%2022.3647%20155.923%2022.3647C153.178%2022.3647%20150.81%2023.1878%20148.822%2024.8321C148.538%2025.0673%20148.262%2025.3183%20147.994%2025.5868C145.874%2027.7067%20144.814%2030.3075%20144.814%2033.3891C144.814%2036.4708%20145.874%2039.0856%20147.994%2041.2336C150.142%2043.3536%20152.785%2044.4135%20155.923%2044.4135ZM160.459%2038.1819C159.347%2039.3752%20157.948%2040.0087%20156.264%2040.0824L156.261%2040.0806C156.149%2040.0859%20156.035%2040.0876%20155.921%2040.0876C154.289%2040.0876%20152.906%2039.6016%20151.771%2038.6276C151.609%2038.4889%20151.453%2038.3398%20151.3%2038.1801C150.188%2036.9604%20149.597%2035.481%20149.526%2033.7401C149.521%2033.6243%20149.519%2033.5084%20149.519%2033.3891C149.519%2031.4956%20150.112%2029.9126%20151.3%2028.6404C152.517%2027.34%20154.058%2026.6906%20155.923%2026.6906H155.964C157.783%2026.6994%20159.282%2027.3505%20160.459%2028.6404C161.675%2029.9126%20162.282%2031.4956%20162.282%2033.3891C162.282%2035.0475%20161.818%2036.4778%20160.887%2037.6799C160.754%2037.8519%20160.612%2038.0186%20160.459%2038.1819ZM180.144%2044.4135C177.063%2044.4135%20174.534%2043.3395%20172.554%2041.1915V41.1932C170.576%2039.0452%20169.587%2036.4445%20169.587%2033.3909C169.587%2030.3373%20170.576%2027.7365%20172.554%2025.5885C174.534%2023.4405%20177.063%2022.3665%20180.144%2022.3665C182.745%2022.3665%20184.809%2023.158%20186.335%2024.7409V15.0362H191V43.9906H186.335V41.997C184.809%2043.6081%20182.745%2044.4135%20180.144%2044.4135ZM180.695%2040.1736C183.128%2040.1736%20185.007%2039.1839%20186.335%2037.2061V29.5318C184.977%2027.5821%20183.097%2026.6063%20180.695%2026.6063C178.857%2026.6063%20177.347%2027.2715%20176.159%2028.6C174.971%2029.9004%20174.377%2031.4973%20174.377%2033.3909C174.377%2035.2845%20174.972%2036.8955%20176.159%2038.2239C177.345%2039.5226%20178.857%2040.1736%20180.695%2040.1736Z%22%20fill%3D%22%23000B27%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22svg1937247265_4507_clip0_8227_33158%22%3E%0A%3Crect%20width%3D%22191%22%20height%3D%2251.5485%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.976074)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%3C%2Fsvg%3E",
    "favicon": "https://framerusercontent.com/images/P93TbC5Mn1aAcLALnGLEyv9geHo.svg",
    "ogImage": "https://framerusercontent.com/assets/ZHgWyxIoZ4u3muxNTrEuOhP9o.jpg",
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is located in the header, links to the homepage, and matches the brand name 'Method' inferred from the URL and page title.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Book a demo",
      "reasoning": "Button #0 ('Book a demo') has a dark, prominent background color (#000B27) which stands out as a primary call-to-action. The text is action-oriented, encouraging user interaction."
    },
    "secondary": {
      "index": 1,
      "text": "NewsroomAnnouncing Method’s $42M Series B led by Emergence CapitalMethod has raised a $42 million Se",
      "reasoning": "Button #1 has a lighter background color (#F2F8FA) and serves as a secondary informational button, distinct from the primary button's color group."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "financial technology 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 located in the header, links to the homepage, and matches the brand name 'Method' inferred from the URL and page title.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```