# Locus Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #4101F6 |
| Accent | #4101F6 |
| Body Font | Suisse Intl |
| Heading Font | PP Editorial New |

## Color Palette

- primary: #4101F6
- secondary: #C2BBFF
- accent: #4101F6
- background: #FFFFFF
- textPrimary: #1B1B1C
- link: #F0EEFF

## Typography

- primary: Suisse Intl — https://fonts.google.com/specimen/Suisse+Intl
- heading: PP Editorial New — https://fonts.google.com/specimen/PP+Editorial+New

## Visual Assets

- Logo: data:image/svg+xml,%3csvg%20width='115'%20height='26'%20viewBox='0%200%20115%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2362_13)'%3e%3cpath%20d='M8.45006%201.16436C5.44602%201.16436%205.16388%201.60154%205.16388%203.50849V22.5351C5.16388%2024.0961%205.47826%2024.4099%206.79219%2024.4099H11.5186C13.867%2024.4099%2014.5226%2023.7528%2015.713%2018.6622L16.5271%2018.8499L15.1191%2024.9409L14.9929%2025.5042H-0.000488281V24.847C2.974%2024.847%203.25344%2024.4099%203.25344%2022.5029V3.50849C3.25344%201.60154%202.97131%201.16436%20-0.000488281%201.16436V0.507256H8.45006V1.16436Z'%20fill='%231B1B1C'/%3e%3cpath%20d='M15.7131%2013.0057C15.7131%205.8177%2019.217%200.0083313%2024.7898%200.0083313C30.3625%200.0083313%2033.8368%205.84988%2033.8368%2013.0057C33.8368%2020.1614%2030.3948%2026.003%2024.822%2026.003C19.2492%2026.003%2015.7131%2020.1909%2015.7131%2013.0057ZM31.8619%2014.7544C31.8619%208.2557%2029.1077%201.10262%2024.1932%201.10262C20.1547%201.10262%2017.7149%205.85257%2017.7149%2011.2248C17.7149%2017.7851%2020.4073%2024.9087%2025.3836%2024.9087C29.4517%2024.9087%2031.8619%2020.1587%2031.8619%2014.7544Z'%20fill='%231B1B1C'/%3e%3cpath%20d='M43.8188%200.0083313C45.697%200.0083313%2047.3253%200.539381%2048.6688%201.91528C49.1685%202.38465%2049.5447%202.25859%2049.6092%201.63367L49.7355%200.322134H50.3938L50.864%208.97718H50.2057C49.3593%203.91611%2047.5133%201.1053%2044.0095%201.1053C39.2213%201.1053%2036.4967%206.32193%2036.4967%2012.9145C36.4967%2019.507%2039.2831%2024.7558%2043.9155%2024.7558C47.954%2024.7558%2050.2997%2020.789%2050.9903%2015.382H51.8045C51.1784%2021.7251%2048.486%2026.0056%2043.4802%2026.0056C37.6898%2026.0056%2034.3713%2020.258%2034.3713%2013.1022C34.3713%205.94644%2038.0606%200.0083313%2043.8188%200.0083313Z'%20fill='%231B1B1C'/%3e%3cpath%20d='M54.43%2017.7235V3.50849C54.43%201.60154%2054.1478%201.16436%2051.176%201.16436V0.507256H59.6266V1.16436C56.6225%201.16436%2056.3404%201.60154%2056.3404%203.50849V17.7235C56.3404%2022.629%2058.4685%2024.8149%2062.4425%2024.8149C66.0108%2024.8149%2068.2652%2022.5646%2068.2652%2017.6913V3.50849C68.2652%201.60154%2067.9831%201.16436%2065.0113%201.16436V0.507256H72.6477V1.16436C69.6436%201.16436%2069.3615%201.60154%2069.3615%203.50849V17.6913C69.3615%2021.7224%2067.8272%2026.0003%2062.1631%2026.0003C56.0905%2026.0003%2054.4326%2021.9075%2054.4326%2017.7208L54.43%2017.7235Z'%20fill='%231B1B1C'/%3e%3cpath%20d='M74.3673%2023.8466C73.803%2023.2538%2073.4913%2023.2538%2073.3355%2024.0638L73.0856%2025.5309H72.3977L72.4299%2016.5031H73.1178C73.3381%2021.532%2075.7457%2024.9382%2079.0023%2024.9382C81.9768%2024.9382%2083.2289%2022.5002%2083.2289%2020.376C83.2289%2017.1897%2080.7247%2015.2532%2078.0968%2013.2524C75.2486%2011.096%2072.5885%209.0335%2072.5885%205.5039C72.5831%202.19422%2074.8993%200.0083313%2078.2499%200.0083313C79.846%200.0083313%2081.0363%200.477694%2082.1944%201.60148C82.6942%202.07084%2083.1349%201.94479%2083.1967%201.28768L83.323%200.319452H83.9813L84.387%208.44345H83.7287C83.323%204.22455%2081.6006%201.07043%2078.2526%201.07043C75.7161%201.07043%2074.3404%202.9452%2074.3404%205.13109C74.3404%207.9124%2076.4685%209.66111%2079.1286%2011.6619C82.1031%2013.88%2084.9513%2016.0659%2084.9513%2019.971C84.9513%2023.3772%2082.6351%2026.0003%2079.005%2026.0003C77.2208%2026.0003%2075.563%2025.1259%2074.3726%2023.8439L74.3673%2023.8466Z'%20fill='%231B1B1C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2362_13'%3e%3crect%20width='115'%20height='26'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e
- Favicon: https://paywithlocus.com/favicon.svg
- Social card (og:image): https://paywithlocus.com/og-image.png

## UI Components

- buttonPrimary: background=#4101F6, textColor=#FFFFFF, borderRadius=0px, shadow=none
- buttonSecondary: background=#FFFFFF, textColor=#4101F6, borderColor=#4101F6, borderRadius=0px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy professionals

## Locus Brand in the Wild

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

- **Locus - AI Agent Payment Infrastructure | Secure Escrow & Policy Enforcement**
  - Image: https://paywithlocus.com/endpoint-logos/coingecko-logo.png
  - Source: https://paywithlocus.com/
- **Locus - AI Agent Payment Infrastructure | Secure Escrow & Policy Enforcement**
  - Image: https://paywithlocus.com/endpoint-logos/mistral-logo.png
  - Source: https://paywithlocus.com/
- **Locus - AI Agent Payment Infrastructure | Secure Escrow & Policy Enforcement**
  - Image: https://paywithlocus.com/endpoint-logos/brave-logo.png
  - Source: https://paywithlocus.com/
- **Locus - AI Agent Payment Infrastructure | Secure Escrow & Policy Enforcement**
  - Image: https://paywithlocus.com/endpoint-logos/deepl-logo.png
  - Source: https://paywithlocus.com/
- **Welcome to Locus - Locus Docs**
  - Image: https://locus-9b87448d.mintlify.app/mintlify-assets/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DGetting%2Bstarted%26title%3DWelcome%2Bto%2BLocus%26description%3DPayment%2Binfrastructure%2Bfor%2BAI%2Bagents%2B%25E2%2580%2594%2Bone%2BUSDC%2Bbalance%2Bfor%2Bwallets%252C%2BAPIs%252C%2Bdeployments%252C%2Bcheckout%252C%2Band%2Bmore.%26logoLight%3Dhttps%253A%252F%252Fres.cloudinary.com%252Fdpx3xfscu%252Fimage%252Fupload%252Fv1770658570%252Fheader_yzpwuh.svg%26logoDark%3Dhttps%253A%252F%252Fres.cloudinary.com%252Fdpx3xfscu%252Fimage%252Fupload%252Fv1770658570%252Fdark_t9w2xh.svg%26primaryColor%3D%25234101F6%26lightColor%3D%25235934FF%26darkColor%3D%25233400D4%26backgroundLight%3D%2523FDFDFD%26backgroundDark%3D%2523111111&w=1200&q=100
  - Source: https://docs.paywithlocus.com/
- **Locus - AI Agent Payment Infrastructure | Secure Escrow & Policy Enforcement**
  - Image: https://paywithlocus.com/endpoint-logos/agentmail-logo.png
  - Source: https://paywithlocus.com/

## 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": "Suisse Intl",
      "role": "body"
    },
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "PP Editorial New",
      "role": "heading"
    },
    {
      "family": "Georgia",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#4101F6",
    "secondary": "#C2BBFF",
    "accent": "#4101F6",
    "background": "#FFFFFF",
    "textPrimary": "#1B1B1C",
    "link": "#F0EEFF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Suisse Intl",
      "heading": "PP Editorial New"
    },
    "fontStacks": {
      "heading": [
        "Suisse Intl",
        "Inter",
        "system-ui",
        "-apple-system",
        "sans-serif"
      ],
      "body": [
        "Suisse Intl",
        "Inter",
        "system-ui",
        "-apple-system",
        "sans-serif"
      ],
      "paragraph": [
        "Suisse Intl",
        "Inter",
        "system-ui",
        "-apple-system",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "84px",
      "h2": "48px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#4101F6",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#4101F6",
      "borderColor": "#4101F6",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml,%3csvg%20width='115'%20height='26'%20viewBox='0%200%20115%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2362_13)'%3e%3cpath%20d='M8.45006%201.16436C5.44602%201.16436%205.16388%201.60154%205.16388%203.50849V22.5351C5.16388%2024.0961%205.47826%2024.4099%206.79219%2024.4099H11.5186C13.867%2024.4099%2014.5226%2023.7528%2015.713%2018.6622L16.5271%2018.8499L15.1191%2024.9409L14.9929%2025.5042H-0.000488281V24.847C2.974%2024.847%203.25344%2024.4099%203.25344%2022.5029V3.50849C3.25344%201.60154%202.97131%201.16436%20-0.000488281%201.16436V0.507256H8.45006V1.16436Z'%20fill='%231B1B1C'/%3e%3cpath%20d='M15.7131%2013.0057C15.7131%205.8177%2019.217%200.0083313%2024.7898%200.0083313C30.3625%200.0083313%2033.8368%205.84988%2033.8368%2013.0057C33.8368%2020.1614%2030.3948%2026.003%2024.822%2026.003C19.2492%2026.003%2015.7131%2020.1909%2015.7131%2013.0057ZM31.8619%2014.7544C31.8619%208.2557%2029.1077%201.10262%2024.1932%201.10262C20.1547%201.10262%2017.7149%205.85257%2017.7149%2011.2248C17.7149%2017.7851%2020.4073%2024.9087%2025.3836%2024.9087C29.4517%2024.9087%2031.8619%2020.1587%2031.8619%2014.7544Z'%20fill='%231B1B1C'/%3e%3cpath%20d='M43.8188%200.0083313C45.697%200.0083313%2047.3253%200.539381%2048.6688%201.91528C49.1685%202.38465%2049.5447%202.25859%2049.6092%201.63367L49.7355%200.322134H50.3938L50.864%208.97718H50.2057C49.3593%203.91611%2047.5133%201.1053%2044.0095%201.1053C39.2213%201.1053%2036.4967%206.32193%2036.4967%2012.9145C36.4967%2019.507%2039.2831%2024.7558%2043.9155%2024.7558C47.954%2024.7558%2050.2997%2020.789%2050.9903%2015.382H51.8045C51.1784%2021.7251%2048.486%2026.0056%2043.4802%2026.0056C37.6898%2026.0056%2034.3713%2020.258%2034.3713%2013.1022C34.3713%205.94644%2038.0606%200.0083313%2043.8188%200.0083313Z'%20fill='%231B1B1C'/%3e%3cpath%20d='M54.43%2017.7235V3.50849C54.43%201.60154%2054.1478%201.16436%2051.176%201.16436V0.507256H59.6266V1.16436C56.6225%201.16436%2056.3404%201.60154%2056.3404%203.50849V17.7235C56.3404%2022.629%2058.4685%2024.8149%2062.4425%2024.8149C66.0108%2024.8149%2068.2652%2022.5646%2068.2652%2017.6913V3.50849C68.2652%201.60154%2067.9831%201.16436%2065.0113%201.16436V0.507256H72.6477V1.16436C69.6436%201.16436%2069.3615%201.60154%2069.3615%203.50849V17.6913C69.3615%2021.7224%2067.8272%2026.0003%2062.1631%2026.0003C56.0905%2026.0003%2054.4326%2021.9075%2054.4326%2017.7208L54.43%2017.7235Z'%20fill='%231B1B1C'/%3e%3cpath%20d='M74.3673%2023.8466C73.803%2023.2538%2073.4913%2023.2538%2073.3355%2024.0638L73.0856%2025.5309H72.3977L72.4299%2016.5031H73.1178C73.3381%2021.532%2075.7457%2024.9382%2079.0023%2024.9382C81.9768%2024.9382%2083.2289%2022.5002%2083.2289%2020.376C83.2289%2017.1897%2080.7247%2015.2532%2078.0968%2013.2524C75.2486%2011.096%2072.5885%209.0335%2072.5885%205.5039C72.5831%202.19422%2074.8993%200.0083313%2078.2499%200.0083313C79.846%200.0083313%2081.0363%200.477694%2082.1944%201.60148C82.6942%202.07084%2083.1349%201.94479%2083.1967%201.28768L83.323%200.319452H83.9813L84.387%208.44345H83.7287C83.323%204.22455%2081.6006%201.07043%2078.2526%201.07043C75.7161%201.07043%2074.3404%202.9452%2074.3404%205.13109C74.3404%207.9124%2076.4685%209.66111%2079.1286%2011.6619C82.1031%2013.88%2084.9513%2016.0659%2084.9513%2019.971C84.9513%2023.3772%2082.6351%2026.0003%2079.005%2026.0003C77.2208%2026.0003%2075.563%2025.1259%2074.3726%2023.8439L74.3673%2023.8466Z'%20fill='%231B1B1C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2362_13'%3e%3crect%20width='115'%20height='26'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",
    "favicon": "https://paywithlocus.com/favicon.svg",
    "ogImage": "https://paywithlocus.com/og-image.png",
    "logoHref": "/",
    "logoAlt": "Locus"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Locus'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Try the Beta",
      "reasoning": "Button #0 with text 'Try the Beta' uses the vibrant brand color #4101F6, making it the most prominent call-to-action on the page."
    },
    "secondary": {
      "index": 2,
      "text": "Read the Docs",
      "reasoning": "Button #2 with text 'Read the Docs' has a different background color (#FFFFFF) and serves as a secondary action with a less prominent style."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy professionals"
  },
  "designSystem": {
    "framework": "tailwind",
    "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, and links to the homepage, matching the brand 'Locus'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```