llms.txt

Funnel Brand Identity

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

Quick Facts

Field Value
Primary #FF94E4
Accent #FF94E4
Body Font Funnel Sans
Heading Font Funnel Display

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

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

Funnel 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": "Funnel Sans",  
 "role": "body"  
 },  
 {  
 "family": "Funnel Display",  
 "role": "display"  
 }  
],  
 "colors": {  
 "primary": "#FF94E4",  
 "secondary": "#44645C",  
 "accent": "#FF94E4",  
 "background": "#FFFFFF",  
 "textPrimary": "#000000",  
 "link": "#013F33"  
},  
 "typography": {  
 "fontFamilies": {  
 "primary": "Funnel Sans",  
 "heading": "Funnel Display"  
},  
 "fontStacks": {  
 "heading": [  
 "Funnel Display",  
 "sans-serif"  
],  
 "body": [  
 "Funnel Sans",  
 "sans-serif"  
],  
 "paragraph": [  
 "Funnel Sans",  
 "sans-serif"  
]  
},  
 "fontSizes": {  
 "h1": "44px",  
 "h2": "48px",  
 "body": "14px"  
}  
},  
 "spacing": {  
 "baseUnit": 4,  
 "borderRadius": "0px"  
},  
 "components": {  
 "input": {  
 "background": "#F7F7F7",  
 "textColor": "#000000",  
 "borderColor": "#44645C",  
 "borderRadius": "0px",  
 "borderRadiusCorners": {  
 "topLeft": "0px",  
 "topRight": "0px",  
 "bottomRight": "0px",  
 "bottomLeft": "0px"  
},  
 "shadow": "none"  
},  
 "buttonPrimary": {  
 "background": "#FF94E4",  
 "textColor": "#000000",  
 "borderColor": "#FF94E4",  
 "borderRadius": "0px",  
 "borderRadiusCorners": {  
 "topLeft": "0px",  
 "topRight": "0px",  
 "bottomRight": "0px",  
 "bottomLeft": "0px"  
},  
 "shadow": "none"  
},  
 "buttonSecondary": {  
 "background": "transparent",  
 "textColor": "#000000",  
 "borderColor": "#000000",  
 "borderRadius": "0px",  
 "borderRadiusCorners": {  
 "topLeft": "0px",  
 "topRight": "0px",  
 "bottomRight": "0px",  
 "bottomLeft": "0px"  
},  
 "shadow": "none"  
}  
},  
 "images": {  
 "logo": "https://funnel.io/hubfs/raw_assets/public/funnel-theme/images/icons/funnel-logo-white.svg",  
 "favicon": "https://funnel.io/hubfs/Branding/Logos/funnel-favicon-web.png",  
 "ogImage": "https://funnel.io/hubfs/Blog%20images.006.jpeg",  
 "logoHref": "https://funnel.io",  
 "logoAlt": "Funnel logotype"  
},  
 "__llm_logo_reasoning": {  
 "selectedIndex": 2,  
 "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Funnel'.",  
 "confidence": 0.95,  
 "source": "llm"  
},  
 "__llm_button_reasoning": {  
 "primary": {  
 "index": 0,  
 "text": "Get a demo",  
 "reasoning": "Button #5 has a vibrant background color (#FF94E4) and action-oriented text ('Get a demo'), making it the primary CTA."  
},  
 "secondary": {  
 "index": 12,  
 "text": "Learn more",  
 "reasoning": "Button #0 is transparent with a border, providing a contrast to the primary button's vibrant color, suitable for a secondary action."  
},  
 "confidence": 0.95  
},  
 "personality": {  
 "tone": "professional",  
 "energy": "medium",  
 "targetAudience": "marketing professionals"  
},  
 "designSystem": {  
 "framework": "custom",  
 "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 'Funnel'.",  
 "confidence": 0.95  
}  
},  
 "buttonClassification": {  
 "llmCalled": true,  
 "llmSucceeded": true  
}  
}  
}