llms.txt

Valon Brand Identity

A complete profile of Valon's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #4F4640
Accent #231810
Body Font Melange Grotesk
Heading Font Season Serif

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: financial professionals

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

  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": "Melange Grotesk",
   "role": "body"
  },
  {
   "family": "Season Serif",
   "role": "heading"
  },
  {
   "family": "Geist Mono",
   "role": "monospace"
  }
 ],
 "colors": {
  "primary": "#4F4640",
  "secondary": "#FF3B30",
  "accent": "#231810",
  "background": "#FFFFFF",
  "textPrimary": "#231810",
  "link": "#231810"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Melange Grotesk",
   "heading": "Season Serif"
  },
  "fontStacks": {
   "heading": [
    "seasonSerif",
    "seasonSerif Fallback",
    "serif"
   ],
   "body": [
    "melangeGrotesk",
    "melangeGrotesk Fallback",
    "sans-serif"
   ],
   "paragraph": [
    "melangeGrotesk",
    "melangeGrotesk Fallback",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "68px",
   "h2": "32px",
   "body": "20px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "6px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#231810",
   "textColor": "#FFFFFF",
   "borderRadius": "8px",
   "borderRadiusCorners": {
    "topLeft": "8px",
    "topRight": "8px",
    "bottomRight": "8px",
    "bottomLeft": "8px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#FFFFFF",
   "textColor": "#0000EE",
   "borderColor": "#E9E8E7",
   "borderRadius": "8px",
   "borderRadiusCorners": {
    "topLeft": "8px",
    "topRight": "8px",
    "bottomRight": "8px",
    "bottomLeft": "8px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%2275.5%22%20height%3D%2218%22%20viewBox%3D%220%200%20399%2096%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-label%3D%22Valon%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M43.2064%2094.7217L10.8655%2010.2264L0%204.21838V2.5566H39.1158V4.21838L27.8668%209.58722L52.7936%2075.8029L76.9534%209.20373L65.3209%204.21838V2.5566H92.5486V4.21838L82.9614%209.45939L49.7257%2094.7217H43.2064Z%22%20style%3D%22fill%3A%20rgb(35%2C%2024%2C%2016)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M102.264%2096C90.2477%2096%2082.9614%2089.225%2082.9614%2079.51C82.9614%2068.6445%2091.1425%2062.253%20106.61%2058.2903L123.739%2053.9441V45.1238C123.739%2035.5366%20118.754%2030.2956%20111.595%2030.2956C104.437%2030.2956%2097.7896%2036.0479%2099.5792%2050.7483L84.2397%2048.1917C84.751%2036.0479%2095.8722%2027.0999%20111.979%2027.0999C128.724%2027.0999%20138.567%2035.5366%20138.567%2051.3875V88.4581L147.515%2093.0599V94.7217H123.739V81.5553C120.543%2088.5859%20114.28%2096%20102.264%2096ZM123.739%2076.1864V57.012L114.535%2059.4407C103.286%2062.8921%2098.4288%2068.5166%2098.4288%2076.9534C98.4288%2083.3449%20102.647%2088.0746%20109.294%2088.0746C116.581%2088.0746%20121.694%2083.6005%20123.739%2076.1864Z%22%20style%3D%22fill%3A%20rgb(35%2C%2024%2C%2016)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M172.097%2088.4581L181.045%2093.0599V94.7217H148.32V93.0599L157.268%2088.4581V11.7603L148.32%208.69241V7.03063L172.097%200V88.4581Z%22%20style%3D%22fill%3A%20rgb(35%2C%2024%2C%2016)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M217.915%2096C198.741%2096%20184.935%2081.2996%20184.935%2061.486C184.935%2041.8003%20198.741%2027.0999%20217.915%2027.0999C237.09%2027.0999%20251.023%2041.8003%20251.023%2061.486C251.023%2081.2996%20237.09%2096%20217.915%2096ZM217.915%2092.8043C228.142%2092.8043%20235.556%2079.7656%20235.556%2061.486C235.556%2043.0786%20228.014%2030.2956%20217.915%2030.2956C207.817%2030.2956%20200.531%2043.2064%20200.531%2061.486C200.531%2079.8935%20207.817%2092.8043%20217.915%2092.8043Z%22%20style%3D%22fill%3A%20rgb(35%2C%2024%2C%2016)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M255.793%2094.7217V93.0599L264.741%2088.4581V38.8602L255.793%2035.7923V34.1305L279.569%2027.0999V43.9734C282.765%2034.0027%20290.563%2027.0999%20300.278%2027.0999C312.421%2027.0999%20320.602%2035.4088%20320.602%2049.3422V88.4581L329.551%2093.0599V94.7217H296.826V93.0599L305.774%2088.4581V49.2144C305.774%2040.2663%20301.172%2036.3036%20294.653%2036.3036C287.75%2036.3036%20281.359%2041.8003%20279.569%2051.5153V88.4581L288.517%2093.0599V94.7217H255.793Z%22%20style%3D%22fill%3A%20rgb(35%2C%2024%2C%2016)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M370.01%2022.5377L378.288%202.55489H370.349L367.228%2012.699L364.106%202.55489H356.168L364.446%2022.5377H370.01Z%22%20style%3D%22fill%3A%20rgb(225%2C%20150%2C%2020)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M364.446%2045.1552L356.168%2065.1381H364.106L367.228%2054.994L370.349%2065.1381H378.288L370.01%2045.1552H364.446Z%22%20style%3D%22fill%3A%20rgb(225%2C%20150%2C%2020)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M355.919%2031.0645L335.936%2022.7864V30.7252L346.08%2033.8465L335.936%2036.9677V44.9067L355.919%2036.6285V31.0645Z%22%20style%3D%22fill%3A%20rgb(225%2C%20150%2C%2020)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M398.519%2022.7864L378.536%2031.0645V36.6285L398.519%2044.9067V36.9677L388.375%2033.8465L398.519%2030.7252V22.7864Z%22%20style%3D%22fill%3A%20rgb(225%2C%20150%2C%2020)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M357.276%2039.8741L337.282%2048.1636L342.891%2053.7728L352.277%2048.7971L347.301%2058.1832L352.911%2063.7924L361.2%2043.7984L357.276%2039.8741Z%22%20style%3D%22fill%3A%20rgb(225%2C%20150%2C%2020)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M377.18%2027.8189L397.174%2019.5295L391.564%2013.9202L382.178%2018.8961L387.154%209.50978L381.545%203.90057L373.255%2023.8947L377.18%2027.8189Z%22%20style%3D%22fill%3A%20rgb(225%2C%20150%2C%2020)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M373.255%2043.7984L381.545%2063.7924L387.154%2058.1832L382.178%2048.7971L391.564%2053.7728L397.174%2048.1636L377.18%2039.8741L373.255%2043.7984Z%22%20style%3D%22fill%3A%20rgb(225%2C%20150%2C%2020)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M361.2%2023.8947L352.911%203.90057L347.301%209.50978L352.277%2018.8961L342.891%2013.9202L337.282%2019.5295L357.276%2027.8189L361.2%2023.8947Z%22%20style%3D%22fill%3A%20rgb(225%2C%20150%2C%2020)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
 "favicon": "https://www.valon.ai/favicon.svg",
 "ogImage": "https://valon.ai/og-image.png",
 "logoHref": "/",
 "logoAlt": "Valon"
},
 "__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 'Valon'.",
 "confidence": 0.95,
 "source": "llm"
},
 "__llm_button_reasoning": {
 "primary": {
 "index": 2,
 "text": "See open positions",
 "reasoning": "Button #2 ('See open positions') is likely the primary CTA due to its action-oriented text and dark background color, which stands out against the light page background."
 },
 "secondary": {
 "index": 5,
 "text": "Read: Six Years in the Making",
 "reasoning": "Button #5 ('Read: Six Years in the Making') is chosen as secondary due to its distinct light background color and less prominent action text, making it suitable as a secondary action."
 },
 "confidence": 0.9
},
 "personality": {
 "tone": "professional",
 "energy": "medium",
 "targetAudience": "financial professionals"
},
 "designSystem": {
 "framework": "custom",
 "componentLibrary": ""
},
 "confidence": {
 "buttons": 0.9,
 "colors": 0.9,
 "overall": 0.9
},
 "__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 'Valon'.",
 "confidence": 0.95
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
 }
}