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.

Color Palette

Brand palette extracted from https://paywithlocus.com.

• primary: #4101F6
  rgb(65, 1, 246)
• secondary: #C2BBFF
  rgb(194, 187, 255)
• accent: #4101F6
  rgb(65, 1, 246)
• background: #FFFFFF
  rgb(255, 255, 255)
• textPrimary: #1B1B1C
  rgb(27, 27, 28)
• link: #F0EEFF
  rgb(240, 238, 255)

Typography

Each font links to its Google Fonts page where available.

• primary: Suisse Intl
  Google Fonts →
• heading: PP Editorial New
  Google Fonts →

Font stack: Suisse Intl, Inter, system-ui, -apple-system, sans-serif

Visual Assets

'%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)

Logo

Favicon

Social Card

UI Components

Live previews rendered using Locus's actual button styles.

• Button Primary:
  background: #4101F6
  textColor: #FFFFFF
  borderRadius: 0px shadow: none

• Button Secondary:
  background: #FFFFFF
  textColor: #4101F6
  borderColor: #4101F6
  borderRadius: 0px
  shadow: none

Brand Personality

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

Frequently Asked Questions

• What is Locus's primary brand color?
  Locus's primary brand color is #4101F6. It anchors the visual identity across their website, product UI, and marketing materials.
• What font does Locus use?
  Locus uses Suisse Intl for body text and PP Editorial New for headings. Fonts were detected on https://paywithlocus.com as part of their live design system.
• Does Locus use a light or dark theme?
  Locus's primary site uses a light color scheme, with a background of #FFFFFF.
• Where can I find Locus's logo?
  Locus's logo is available directly on their site (https://paywithlocus.com). The current logo URL is included in the machine-readable JSON profile linked above.