locus.json

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.

Quick Facts

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

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

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

Locus Brand in the Wild

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

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

{
 "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
- Social card (og:image): https://paywithlocus.com/og-image.png

## UI Components

## Brand Personality

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

## Locus Brand in the Wild

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

## 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:

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.