solo.json

Solo Brand Identity

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

Quick Facts

Field Value
Primary #697488
Accent #2563EB
Body Font DM Sans
Heading Font DM Serif Display

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: individuals dealing with debt issues

Solo 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": "DM Sans",
      "role": "body"
    },
    {
      "family": "DM Serif Display",
      "role": "heading"
    },
    {
      "family": "Outfit",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#697488",
    "secondary": "#CFDDFF",
    "accent": "#2563EB",
    "background": "#FFFFFF",
    "textPrimary": "#0058F0",
    "link": "#0058F0"
  },
  "typography": {
    "fontFamilies": {
      "primary": "DM Sans",
      "heading": "DM Serif Display"
    },
    "fontStacks": {
      "heading": [
        "DM Serif Display",
        "serif"
      ],
      "body": [
        "DM Sans",
        "sans-serif"
      ],
      "paragraph": [
        "DM Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "36px",
      "body": "22px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "12px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#111111",
      "borderColor": null,
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "rgb(17, 17, 17) 0px 0px 0px 0px"
    },
    "buttonPrimary": {
      "background": "#2563EB",
      "textColor": "#FFFFFF",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "0px",
        "bottomRight": "8px",
        "bottomLeft": "0px"
      },
      "shadow": "rgba(17, 17, 17, 0.075) 0px 2px 4px 0px"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#0058F0",
      "borderColor": "#0058F0",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "0px",
        "bottomRight": "8px",
        "bottomLeft": "0px"
      },
      "shadow": "rgba(17, 17, 17, 0.03) 0px 0px 6px 0px, rgba(17, 17, 17, 0.06) 0px 14px 24px 0px"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22792%22%20height%3D%22300%22%20viewBox%3D%220%200%20792%20300%22%20fill%3D%22currentColor%22%20role%3D%22img%22%20aria-labelledby%3D%22acwv47wg79j3pe0w998hfg5qbwod7lgm%22%20data-fc-idx%3D%220%22%3E%3Ctitle%20id%3D%22acwv47wg79j3pe0w998hfg5qbwod7lgm%22%20style%3D%22fill%3A%20rgb(0%2C%2088%2C%20240)%20!important%3B%22%3ESolo%20Logo%3C%2Ftitle%3E%0A%3Cpath%20d%3D%22M331.224%2091.2672C281.254%2091.2672%20229.548%20124.174%20229.548%20195.046C229.548%20269.877%20287.34%20299.095%20331.224%20299.095C379.839%20299.095%20432.501%20264.946%20432.501%20194.982C432.501%20125.018%20381.193%2091.2752%20331.224%2091.2752V91.2672ZM330.818%20248.289C330.818%20248.289%20285.038%20251.794%20285.038%20194.369C285.038%20144.176%20322.804%20141.898%20330.818%20141.898C338.831%20141.898%20376.597%20143.308%20376.597%20195.181C376.597%20252.081%20330.818%20248.289%20330.818%20248.289Z%22%20style%3D%22fill%3A%20rgb(0%2C%2088%2C%20240)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M463.373%2039.7146L464.696%20232.842C464.696%20232.842%20462.259%20297.489%20530.372%20297.489C530.372%20297.489%20557.207%20299.087%20578.563%20279.515L558.593%20237.79C558.593%20237.79%20546.636%20247.971%20535.102%20243.08C522.293%20237.647%20524.499%20217.114%20524.499%20190.919V0.675171L463.373%2039.7146Z%22%20style%3D%22fill%3A%20rgb(0%2C%2088%2C%20240)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M98.8184%207.07812C157.242%207.07812%20185.02%2048.4174%20192.05%2069.6365L143.771%20101.45C131.789%2066.7403%2087.6714%2049.8457%2071.9392%2069.5136C58.4549%2086.3711%2067.9274%20112.904%20108.548%20125.119C194.186%20155.409%20200.531%20189.472%20200.531%20211.043C200.531%20244.147%20180.804%20298.417%20103.361%20298.417C36.5354%20298.417%206.85524%20253.703%200.476562%20231.703L44.5344%20202.736C81.4009%20263.972%20125.4%20249.237%20138.34%20234.985C150.107%20222.429%20154.402%20193.209%2095.5374%20175.111C19.735%20151.805%207.82399%20111.719%207.82399%2087.5283C7.82399%2066.1339%2025.7886%207.07812%2098.8184%207.07812Z%22%20style%3D%22fill%3A%20rgb(0%2C%2088%2C%20240)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M690.246%2091.2672C640.276%2091.2672%20588.57%20124.174%20588.57%20195.046C588.57%20269.877%20646.362%20299.095%20690.246%20299.095C738.861%20299.095%20791.523%20264.946%20791.523%20194.982C791.523%20125.018%20740.215%2091.2752%20690.246%2091.2752V91.2672ZM689.84%20248.289C689.84%20248.289%20644.06%20251.794%20644.06%20194.369C644.06%20144.176%20681.826%20141.898%20689.84%20141.898C697.853%20141.898%20735.619%20143.308%20735.619%20195.181C735.619%20252.081%20689.84%20248.289%20689.84%20248.289Z%22%20style%3D%22fill%3A%20rgb(0%2C%2088%2C%20240)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E"
    ,"favicon":"https://www.solosuit.com/assets/favicon/apple-touch-icon-032530341026a19365338abacf8cb1155a3791fb033e4c6a00e80fc8eebfe634.png","ogImage":null,"logoHref":"/","logoAlt":"Solo Logo"},"__llm_logo_reasoning":{"selectedIndex":1,"reasoning":"Selected #1 because it is visible, located in the header, links to the homepage, and matches the brand name 'Solo'.","confidence":0.9,"source":"llm"},"__llm_button_reasoning":{"primary":{"index":0,"text":"Get Started","reasoning":"Button #0 'Get Started' uses a vibrant blue color (#2563EB) distinct from other buttons and has strong CTA text, making it the primary action."},"secondary":{"index":9,"text":"Generate a document","reasoning":"Button #9 'Generate a document' has a transparent background with a blue border, making it a suitable secondary action with a different color group."},"confidence":0.95},"personality":{"tone":"professional","energy":"medium","targetAudience":"individuals dealing with debt issues"},"designSystem":{"framework":"bootstrap","componentLibrary":""},"confidence":{"buttons":0.95,"colors":0.9,"overall":0.925},"__llm_metadata":{"logoSelection":{"llmCalled":true,"llmSucceeded":true,"finalSource":"llm","rawLogoSelection":{"selectedLogoIndex":1,"selectedLogoReasoning":"Selected #1 because it is visible, located in the header, links to the homepage, and matches the brand name 'Solo'.","confidence":0.9}},"buttonClassification":{"llmCalled":true,"llmSucceeded":true}}}