llms.txt

Forage Brand Identity

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

Quick Facts

Field Value
Primary #1B5545
Accent #1B5545
Body Font Gellix Variable
Heading Font Gellix Variable

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: retailers and grocery businesses

Forage 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": "dark",
 "fonts": [
 {
 "family": "Gellix Variable",
 "role": "unknown"
 }
 ],
 "colors": {
 "primary": "#1B5545",
 "accent": "#1B5545",
 "background": "#151515",
 "textPrimary": "#024230",
 "link": "#024230"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Gellix Variable",
 "heading": "Gellix Variable"
 },
 "fontStacks": {
 "heading": [
 "Gellix Variable",
 "sans-serif"
 ],
 "body": [
 "sans-serif"
 ],
 "paragraph": [
 "Gellix Variable",
 "sans-serif"
 ]
 },
 "fontSizes": {
 "h1": "68px",
 "h2": "42px",
 "body": "18px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "0px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#1B5545",
 "textColor": "#0000EE",
 "borderRadius": "16px",
 "borderRadiusCorners": {
 "topLeft": "16px",
 "topRight": "16px",
 "bottomRight": "16px",
 "bottomLeft": "16px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20viewBox%3D%220%200%20107.845%2026.721%22%20overflow%3D%22visible%22%20id%3D%22svg-2044279095_3414%22%3E%3Cpath%20d%3D%22M%2033.15%200%20C%2033.648%200%2034.264%200.058%2034.705%200.174%20L%2034.705%202.64%20C%2034.412%202.553%2034.031%202.524%2033.707%202.524%20C%2032.007%202.524%2030.835%203.25%2030.835%205.223%20L%2030.835%206.615%20L%2034.705%206.615%20L%2034.705%209.169%20L%2030.833%209.169%20L%2030.833%2020.775%20L%2028.136%2020.775%20L%2028.136%209.169%20L%2025.35%209.169%20L%2025.35%206.616%20L%2028.136%206.616%20L%2028.136%205.194%20C%2028.136%201.74%2030.131%200%2033.152%200%20Z%20M%2049.368%2013.724%20C%2049.368%2017.873%2046.114%2021.066%2041.98%2021.066%20C%2037.845%2021.066%2034.559%2017.873%2034.559%2013.724%20C%2034.559%209.574%2037.786%206.325%2041.98%206.325%20C%2046.174%206.325%2049.369%209.517%2049.369%2013.724%20Z%20M%2041.977%2018.511%20C%2043.249%2018.52%2044.471%2018.018%2045.37%2017.118%20C%2046.268%2016.218%2046.769%2014.995%2046.758%2013.724%20C%2046.758%2011.024%2044.617%208.878%2041.977%208.878%20C%2040.696%208.877%2039.467%209.389%2038.564%2010.298%20C%2037.66%2011.208%2037.158%2012.441%2037.169%2013.723%20C%2037.169%2016.451%2039.281%2018.51%2041.979%2018.51%20Z%20M%2051.42%206.616%20L%2054.148%206.616%20L%2054.148%208.762%20C%2054.91%207.34%2056.347%206.354%2058.047%206.354%20C%2058.517%206.354%2058.986%206.413%2059.397%206.529%20L%2059.397%208.994%20C%2058.942%208.844%2058.468%208.766%2057.989%208.762%20C%2055.849%208.762%2054.148%2010.329%2054.148%2012.794%20L%2054.148%2020.774%20L%2051.42%2020.774%20Z%20M%2074.413%2020.774%20L%2071.715%2020.774%20L%2071.715%2017.872%20C%2070.661%2019.903%2068.783%2021.064%2066.262%2021.064%20C%2062.391%2021.064%2059.311%2017.785%2059.311%2013.694%20C%2059.311%209.603%2062.389%206.324%2066.262%206.324%20C%2068.783%206.324%2070.66%207.485%2071.715%209.516%20L%2071.715%206.614%20L%2074.413%206.614%20L%2074.413%2020.773%20Z%20M%2066.817%2018.51%20C%2069.633%2018.51%2071.714%2016.481%2071.714%2013.695%20C%2071.714%2010.908%2069.632%208.878%2066.817%208.878%20C%2064.003%208.878%2061.949%2010.996%2061.949%2013.694%20C%2061.949%2016.393%2064.09%2018.51%2066.817%2018.51%20Z%20M%2080.073%2021.673%20C%2080.132%2023.415%2082.037%2024.488%2084.325%2024.488%20C%2086.905%2024.488%2088.9%2022.863%2088.9%2020.398%20L%2088.9%2017.612%20C%2087.844%2019.585%2085.967%2020.744%2083.445%2020.744%20C%2079.574%2020.744%2076.494%2017.524%2076.494%2013.52%20C%2076.494%209.516%2079.573%206.324%2083.445%206.324%20C%2085.967%206.324%2087.844%207.485%2088.9%209.429%20L%2088.9%206.614%20L%2091.597%206.614%20L%2091.597%2020.28%20C%2091.597%2024.254%2088.547%2026.721%2084.413%2026.721%20C%2081.392%2026.721%2077.55%2025.357%2077.374%2021.672%20L%2080.073%2021.672%20Z%20M%2084.003%2018.308%20C%2086.818%2018.308%2088.9%2016.277%2088.9%2013.52%20C%2088.9%2010.763%2086.818%208.762%2084.003%208.762%20C%2081.188%208.762%2079.134%2010.88%2079.134%2013.52%20C%2079.134%2016.16%2081.275%2018.308%2084.003%2018.308%20Z%20M%2093.622%2013.637%20C%2093.622%209.546%2096.847%206.355%20100.953%206.355%20C%20104.795%206.355%20107.845%209.284%20107.845%2013.232%20L%20107.816%2014.276%20L%2096.232%2014.276%20C%2096.467%2016.945%2098.315%2018.744%20101.012%2018.744%20C%20103.036%2018.744%20104.679%2017.729%20105.032%2016.22%20L%20107.699%2016.22%20C%20107.172%2019.181%20104.415%2021.066%20100.983%2021.066%20C%2096.848%2021.066%2093.623%2017.844%2093.623%2013.637%20Z%20M%20104.97%2012.215%20C%20104.795%2010.155%20103.094%208.647%20100.835%208.647%20C%2098.576%208.647%2096.876%209.982%2096.348%2012.215%20Z%20M%2015.178%2013.384%20C%2014.591%2016.381%2011.927%2018.644%208.726%2018.644%20C%205.525%2018.644%202.86%2016.38%202.271%2013.383%20L%200%2013.383%20L%200%2018.499%20C%200.007%2019.759%201.033%2020.776%202.294%2020.769%20L%2015.156%2020.769%20C%2015.761%2020.772%2016.343%2020.535%2016.773%2020.109%20C%2017.203%2019.683%2017.446%2019.103%2017.449%2018.498%20L%2017.449%2013.383%20L%2015.178%2013.383%20Z%20M%202.271%2010.894%20C%202.859%207.896%205.524%205.634%208.725%205.634%20C%2011.925%205.634%2014.59%207.896%2015.177%2010.892%20L%2017.448%2010.892%20L%2017.448%205.777%20C%2017.441%204.517%2016.415%203.501%2015.155%203.507%20L%202.294%203.507%20C%201.689%203.504%201.107%203.741%200.677%204.167%20C%200.247%204.592%200.003%205.171%200%205.776%20L%200%2010.892%20L%202.271%2010.892%20Z%22%20fill%3D%22var(--token-ce1fb394-76db-49e5-b727-d9bda73c5cd8%2C%20rgb(255%2C%20255%2C%20255))%20%2F%2A%20%7B%26quot%3Bname%26quot%3B%3A%26quot%3BPrimary%26quot%3B%7D%20%2F%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E
",
 "favicon": "https://framerusercontent.com/images/IWFl4TCDU3lP10BCofghSJA8.png",
 "ogImage": "https://framerusercontent.com/assets/ZoPlyiuvY1B9AuHbWMWp7HW8UmE.png",
 "logoHref": "./"
 },
 "__llm_logo_reasoning": {
 "selectedIndex": 0,
 "reasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, matching the brand 'Forage'.",
 "confidence": 0.9,
 "source": "llm"
 },
 "__llm_button_reasoning": {
 "primary": {
 "index": 0,
 "text": "Forage Docs",
 "reasoning": "Button #0 ('Forage Docs') is selected as the primary CTA due to its vibrant brand color (#1B5545) and prominent placement, suggesting it is a key action for users."
 },
 "secondary": {
 "index": -1,
 "text": "N/A",
 "reasoning": "All buttons share the same background color, making it impossible to select a secondary button with a different color."
 },
 "confidence": 0.8
 },
 "personality": {
 "tone": "professional",
 "energy": "medium",
 "targetAudience": "retailers and grocery businesses"
 },
 "designSystem": {
 "framework": "custom",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.8,
 "colors": 0.9,
 "overall": 0.8500000000000001
 },
 "__llm_metadata": {
 "logoSelection": {
 "llmCalled": true,
 "llmSucceeded": true,
 "finalSource": "llm",
 "rawLogoSelection": {
 "selectedLogoIndex": 0,
 "selectedLogoReasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, matching the brand 'Forage'.",
 "confidence": 0.9
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
 }
}