Wolfia Brand: Colors, Fonts, Logo & Visual Identity

Wolfia Brand Identity

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

Color Palette

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

Typography

Each font links to its Google Fonts page where available.

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.

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

UI Components

Live previews rendered using Wolfia's actual button styles.

Brand Personality

Wolfia Brand in the Wild

Image Assets

Source: elegancefly.com

Source: wolfia.mintlify.app

Source: docs.wolfia.com

Source: wolfia.com

Source: docs.wolfia.com

Source: theresanaiforthat.com

Frequently Asked Questions

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "InterVariable",
      "role": "body"
    },
    {
      "family": "Cabinet Grotesk Variable",
      "role": "heading"
    },
    {
      "family": "Space Grotesk Variable",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#EA4B38",
    "secondary": "#625552",
    "accent": "#EA4B38",
    "background": "#FFFDF6",
    "textPrimary": "#1E0D0B",
    "link": "#1E0D0B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "InterVariable",
      "heading": "Cabinet Grotesk Variable"
    },
    "fontStacks": {
      "heading": [
        "InterVariable",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "InterVariable",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "InterVariable",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "16px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#EA4B38",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#E9E5DF",
      "textColor": "#1E0D0B",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20height%3D%2232%22%20viewBox%3D%220%200%201200%20300%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23clip0_wolfia_full)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20class%3D%22fill-landing-accent%22%20d%3D%22M202.554%20286.178C259.476%20265.201%20300%20211.137%20300%20147.75C300%2066.1499%20232.843%200%20150%200C67.1573%200%200%2066.1499%200%20147.75C0%20187.333%2015.8023%20223.28%2041.5318%20249.804C70.3268%20228.319%2081.7427%20191.628%2086.1957%20177.316C86.4242%20176.581%2086.6347%20175.905%2086.828%20175.293C79.7933%20178.216%2042.0576%20171.671%2035.9145%20150.93C74.5682%20140.472%2095.9899%20123.98%20111.154%20112.305C116.541%20108.158%20121.138%20104.618%20125.437%20102.173C138.559%2094.7109%20155.034%2097.0106%20160.898%2099.241C171.037%2093.4747%20182.243%2085.1026%20192.49%2077.4465C207.107%2066.5249%20219.775%2057.0605%20224.615%2058.6971C243.026%2064.9221%20239.686%20117.979%20230.398%20129.185C239.88%20135.102%20246.209%20144.967%20231.273%20154C230.448%20154.011%20229.623%20154.077%20228.801%20154.196C229.622%20154.122%20230.446%20154.055%20231.273%20154C202.012%20168.235%20173.9%20234.833%20202.554%20286.178Z%22%20style%3D%22fill%3A%20rgb(234%2C%2075%2C%2056)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-landing-accent%20opacity-30%22%20d%3D%22M176.749%20293.159C164.189%20265.736%20153.311%20240.53%20166.609%20207.787C160.269%20208.161%20144.109%20215.173%20144.109%20215.173C174.109%20170.848%20200.359%20156.073%20231.273%20154.004C202.012%20168.239%20173.901%20234.835%20202.555%20286.179C194.275%20289.23%20185.648%20291.582%20176.749%20293.159Z%22%20style%3D%22fill%3A%20rgb(234%2C%2075%2C%2056)%20!important%3B%20opacity%3A%200.3%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22fill-landing-dark%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M736.88%2099.7567C751.579%2099.7567%20764.416%20103.065%20775.388%20109.681C786.568%20116.298%20795.263%20125.499%20801.474%20137.284C807.685%20148.863%20810.791%20162.613%20810.791%20178.534C810.79%20194.041%20807.685%20207.79%20801.474%20219.782C795.263%20231.567%20786.568%20240.768%20775.388%20247.385C764.416%20253.794%20751.579%20257%20736.88%20257C722.388%20257%20709.552%20253.794%20698.373%20247.385C687.4%20240.768%20678.808%20231.567%20672.597%20219.782C666.593%20207.79%20663.592%20194.04%20663.592%20178.534C663.592%20162.613%20666.593%20148.863%20672.597%20137.284C678.808%20125.499%20687.4%20116.298%20698.373%20109.681C709.552%20103.065%20722.388%2099.7568%20736.88%2099.7567ZM737.191%20128.6C729.945%20128.6%20723.424%20130.358%20717.627%20133.872C711.83%20137.387%20707.275%20142.763%20703.962%20149.999C700.857%20157.236%20699.304%20166.748%20699.304%20178.534C699.304%20189.905%20700.857%20199.313%20703.962%20206.756C707.275%20213.993%20711.83%20219.369%20717.627%20222.884C723.424%20226.399%20729.945%20228.156%20737.191%20228.157C744.851%20228.157%20751.476%20226.399%20757.066%20222.884C762.863%20219.369%20767.314%20213.993%20770.419%20206.756C773.732%20199.313%20775.388%20189.905%20775.388%20178.534C775.388%20166.748%20773.732%20157.236%20770.419%20149.999C767.314%20142.763%20762.862%20137.387%20757.066%20133.872C751.476%20130.358%20744.851%20128.6%20737.191%20128.6Z%22%20style%3D%22fill%3A%20rgb(30%2C%2013%2C%2011)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-landing-dark%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1123.61%2099.7567C1142.24%2099.7568%201156.63%20104.926%201166.77%20115.264C1177.12%20125.395%201182.3%20139.765%201182.3%20158.374V215.131C1182.3%20218.438%201182.92%20220.816%201184.16%20222.263C1185.61%20223.504%201187.68%20224.124%201190.37%20224.124H1200V253.899H1178.26C1173.09%20253.899%201168.32%20252.968%201163.98%20251.107C1159.63%20249.246%201156.11%20246.248%201153.42%20242.113C1150.73%20237.771%201149.38%20231.981%201149.38%20224.745V214.681C1147.96%20220.179%201145.68%20225.808%201142.55%20231.568C1138.62%20238.805%201133.03%20244.904%201125.78%20249.866C1118.74%20254.622%201109.73%20257%201098.76%20257C1086.34%20257%201076.51%20253.794%201069.26%20247.385C1062.22%20240.975%201058.7%20232.292%201058.7%20221.333C1058.7%20210.581%201062.22%20201.794%201069.26%20194.971C1076.3%20187.941%201086.03%20182.048%201098.45%20177.293L1149.05%20156C1148.34%20149.397%201146.49%20143.882%201143.48%20139.455C1139.75%20133.459%201131.99%20130.461%201120.19%20130.461C1110.05%20130.461%201101.14%20133.045%201093.48%20138.214C1085.82%20143.383%201079.82%20150%201075.47%20158.064L1054.66%20133.253C1058.6%20127.877%201063.77%20122.708%201070.19%20117.745C1076.82%20112.576%201084.58%20108.337%201093.48%20105.029C1102.39%20101.514%201112.43%2099.7567%201123.61%2099.7567ZM1110.87%20197.142C1104.25%20200.037%201099.49%20202.931%201096.59%20205.826C1093.9%20208.721%201092.55%20212.133%201092.55%20216.061C1092.55%20220.403%201094%20223.815%201096.9%20226.296C1100%20228.777%201104.77%20230.017%201111.18%20230.017C1116.98%20230.017%201122.16%20229.19%201126.71%20227.536C1131.47%20225.882%201135.51%20223.608%201138.82%20220.713C1142.34%20217.612%201144.93%20213.993%201146.59%20209.857C1148.45%20205.722%201149.38%20201.07%201149.38%20195.901V179.822L1110.87%20197.142Z%22%20style%3D%22fill%3A%20rgb(30%2C%2013%2C%2011)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-landing-dark%22%20d%3D%22M967.522%2043C975.803%2043%20983.256%2044.0337%20989.881%2046.1012C996.713%2047.962%201002.61%2050.4431%201007.58%2053.5444C1012.55%2056.4391%201016.49%2059.1273%201019.38%2061.6085L1004.17%2086.11C1000.65%2082.1817%20995.678%2078.667%20989.26%2075.5656C983.05%2072.2574%20976.01%2070.6028%20968.143%2070.6028C960.69%2070.6028%20955.307%2072.5674%20951.994%2076.4959C948.889%2080.2176%20947.337%2085.8006%20947.337%2093.2438V102.858H1033.98V253.899H998.887V129.841H947.337V253.899H912.245V129.841H889.265V102.858H912.245V92.3125C912.245%2081.5611%20914.522%2072.5672%20919.077%2065.3306C923.631%2058.0939%20930.05%2052.6148%20938.331%2048.8931C946.612%2044.9647%20956.342%2043.0001%20967.522%2043Z%22%20style%3D%22fill%3A%20rgb(30%2C%2013%2C%2011)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-landing-dark%22%20d%3D%22M448.388%20167.058L457.705%20225.675L469.816%20169.229L502.424%2046.1012H547.763L579.749%20169.229L591.55%20225.675L601.176%20167.058L628.816%2046.1012H668.566L613.598%20253.898H569.501L536.893%20131.081L524.782%2072.7738L512.671%20131.081L479.443%20253.898H435.345L381%2046.1012H421.371L448.388%20167.058Z%22%20style%3D%22fill%3A%20rgb(30%2C%2013%2C%2011)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-landing-dark%22%20d%3D%22M868.697%20253.898H833.916V46.1012H868.697V253.898Z%22%20style%3D%22fill%3A%20rgb(30%2C%2013%2C%2011)%20!important%3B%22%2F%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22clip0_wolfia_full%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22300%22%20height%3D%22300%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
    "favicon": "https://wolfia.com/favicon.ico",
    "ogImage": "https://wolfia.com/api/og",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Wolfia'.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Get a demo",
      "reasoning": "Button #0 is selected as the primary CTA because it uses the vibrant brand color #EA4B38, which is consistent with the primary brand color, and has action-oriented text 'Get a demo'."
    },
    "secondary": {
      "index": 2,
      "text": "Get started for free",
      "reasoning": "Button #2 is selected as the secondary CTA because it has a different background color (#E9E5DF) and offers an alternative action 'Get started for free', which complements the primary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business 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, links to the homepage, and matches the brand name 'Wolfia'.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}

Related Brand Profiles

We use cookies and similar technologies to improve your experience and measure site performance. By continuing to browse, you agree to our Privacy Policy and Terms.
DeclineAccept