# Webflow Brand Identity A complete profile of **Webflow**'s visual system — colors, typography, components, and personality — extracted from https://webflow.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/webflow - Machine-readable JSON: https://characterquilt.com/branding/webflow.json - Per-page llms.txt: https://characterquilt.com/branding/webflow/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #146EF5 | | Accent | #146EF5 | | Body Font | WF Visual Sans Variable | | Heading Font | WF Visual Sans Variable | ## Color Palette - primary: #146EF5 - secondary: #1366E2 - accent: #146EF5 - background: #FFFFFF - textPrimary: #080808 - link: #E8F1FE ## Typography - primary: WF Visual Sans Variable — https://fonts.google.com/specimen/WF+Visual+Sans+Variable - heading: WF Visual Sans Variable — https://fonts.google.com/specimen/WF+Visual+Sans+Variable ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20108%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Ctitle%20style%3D%22fill%3A%20none%20!important%3B%22%3EWebflow%3C%2Ftitle%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M28.8562%200.5L19.6486%2018.5H11L14.8534%2011.04H14.6805C11.5015%2015.1668%206.7583%2017.8835%200%2018.5V11.1433C0%2011.1433%204.32345%2010.8879%206.86508%208.21575H0V0.500142H7.71561V6.84612L7.88878%206.84541L11.0417%200.500142H16.8768V6.80588L17.0499%206.8056L20.3211%200.5H28.8562Z%22%20fill%3D%22%23146EF5%22%20style%3D%22fill%3A%20rgb(20%2C%20110%2C%20245)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M79.0662%2016.5132H81.5511V2.25H79.0662V16.5132Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M65.3675%2016.3675C65.9075%2016.592%2066.4567%2016.7043%2067.015%2016.7043C67.9373%2016.7043%2068.7626%2016.4798%2069.4908%2016.0307C70.2189%2015.5817%2070.7833%2014.9628%2071.1838%2014.1739C71.5843%2013.379%2071.7845%2012.4778%2071.7845%2011.4705C71.7845%2010.4632%2071.5782%209.56211%2071.1656%208.76718C70.7529%207.97226%2070.1795%207.35634%2069.4452%206.91943C68.711%206.47646%2067.8766%206.25801%2066.9421%206.26407C66.3475%206.26407%2065.7771%206.37937%2065.2309%206.60996C64.6848%206.84055%2064.2297%207.16823%2063.8656%207.593C63.8375%207.62534%2063.8102%207.658%2063.7837%207.69099V2.2591H61.2897V16.5132H63.7655L63.7605%2015.1816C63.8245%2015.2601%2063.893%2015.3368%2063.9657%2015.4118C64.3601%2015.8184%2064.8274%2016.1369%2065.3675%2016.3675ZM67.9161%2014.0647C67.5095%2014.3135%2067.0453%2014.4379%2066.5234%2014.4379C66.0076%2014.4379%2065.5343%2014.3104%2065.1035%2014.0556C64.6726%2013.7946%2064.3298%2013.4397%2064.0749%2012.9906C63.8261%2012.5416%2063.7017%2012.0318%2063.7017%2011.4614C63.6957%2010.891%2063.817%2010.3813%2064.0658%209.93227C64.3207%209.47716%2064.6635%209.1252%2065.0944%208.87641C65.5252%208.62155%2066.0016%208.49715%2066.5234%208.50322C67.0453%208.49715%2067.5095%208.61851%2067.9161%208.86731C68.3287%209.11003%2068.6442%209.45895%2068.8627%209.91406C69.0872%2010.3631%2069.1995%2010.8789%2069.1995%2011.4614C69.1995%2012.044%2069.0872%2012.5598%2068.8627%2013.0088C68.6442%2013.4579%2068.3287%2013.8098%2067.9161%2014.0647Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M32.4562%203.11471H35.2961L37.8365%2012.3923L40.539%203.11471H42.9056L45.8365%2012.2061L48.2759%203.11471H50.8791L47.038%2016.5132H44.5895L41.6091%207.63159L38.8733%2016.5132H36.3975L32.4562%203.11471Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M55.0729%2016.7498C54.0837%2016.7559%2053.1917%2016.5374%2052.3968%2016.0945C51.6079%2015.6454%2050.986%2015.0234%2050.5308%2014.2285C50.0818%2013.4336%2049.8573%2012.5264%2049.8573%2011.5069C49.8573%2010.5178%2050.0879%209.62279%2050.5491%208.8218C51.0102%208.0208%2051.6352%207.39578%2052.4241%206.94674C53.213%206.4977%2054.0928%206.27318%2055.0637%206.27318C56.156%206.27318%2057.1117%206.5159%2057.9309%207.00135C58.7562%207.4868%2059.3721%208.17554%2059.7787%209.06755C60.1913%209.9535%2060.34%2010.9699%2060.2247%2012.1168H52.428C52.4498%2012.5737%2052.5638%2012.9894%2052.77%2013.3638C53.0006%2013.7764%2053.3222%2014.098%2053.7348%2014.3286C54.1475%2014.5592%2054.6086%2014.6745%2055.1184%2014.6745C55.5067%2014.6684%2055.8678%2014.6017%2056.2015%2014.4743C56.5353%2014.3408%2056.8174%2014.1618%2057.048%2013.9372C57.2847%2013.7127%2057.4516%2013.4579%2057.5487%2013.1727H60.1519C59.9941%2013.8705%2059.6786%2014.4925%2059.2053%2015.0386C58.7319%2015.5787%2058.1373%2016.0004%2057.4212%2016.3038C56.7052%2016.6072%2055.9224%2016.7559%2055.0729%2016.7498ZM52.7791%209.61369C52.6337%209.86727%2052.5329%2010.1403%2052.4768%2010.4329H57.6451C57.6076%2010.0633%2057.4935%209.72652%2057.3029%209.42254C57.0844%209.06452%2056.7871%208.78842%2056.4109%208.59424C56.0347%208.39399%2055.6099%208.29387%2055.1366%208.29387C54.6329%208.29387%2054.1748%208.40916%2053.7621%208.63975C53.3495%208.87034%2053.0218%209.19499%2052.7791%209.61369Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M73.6141%206.48253C73.6141%205.6694%2073.7991%204.94729%2074.1693%204.3162C74.5394%203.67905%2075.0583%203.18449%2075.7258%202.83254C76.3993%202.47452%2077.1852%202.28944%2078.0832%202.27731V4.48914C77.6645%204.49521%2077.3065%204.5832%2077.0092%204.75311C76.7179%204.91695%2076.4934%205.15664%2076.3356%205.47218C76.1904%205.76268%2076.112%206.09946%2076.1005%206.48253H78.0286V8.58514H76.099V16.5132H73.6141V8.58514H72.0121V6.48253H73.6141Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M87.868%2016.7316C86.8546%2016.7316%2085.9474%2016.5101%2085.1464%2016.0672C84.3515%2015.6181%2083.7265%2014.9992%2083.2714%2014.2103C82.8223%2013.4154%2082.5978%2012.5143%2082.5978%2011.5069C82.5978%2010.4936%2082.8223%209.58942%2083.2714%208.79449C83.7265%207.99349%2084.3515%207.37151%2085.1464%206.92854C85.9474%206.48556%2086.8546%206.26407%2087.868%206.26407C88.8874%206.26407%2089.7977%206.48556%2090.5986%206.92854C91.4057%207.37151%2092.0338%207.99046%2092.4828%208.78539C92.9318%209.58031%2093.1594%2010.4875%2093.1655%2011.5069C93.1594%2012.5143%2092.9318%2013.4154%2092.4828%2014.2103C92.0398%2014.9992%2091.4148%2015.6181%2090.6077%2016.0672C89.8007%2016.5101%2088.8874%2016.7316%2087.868%2016.7316ZM87.868%2014.447C88.402%2014.447%2088.8753%2014.3256%2089.2879%2014.0829C89.7006%2013.8341%2090.0191%2013.4882%2090.2437%2013.0452C90.4682%2012.5962%2090.5804%2012.0834%2090.5804%2011.5069C90.5804%2010.9244%2090.4682%2010.4086%2090.2437%209.95957C90.0191%209.51053%2089.7006%209.16465%2089.2879%208.92192C88.8753%208.67313%2088.402%208.54873%2087.868%208.54873C87.3401%208.54873%2086.8698%208.67313%2086.4571%208.92192C86.0506%209.16465%2085.735%209.51053%2085.5105%209.95957C85.286%2010.4086%2085.1768%2010.9244%2085.1828%2011.5069C85.1828%2012.0834%2085.2951%2012.5962%2085.5196%2013.0452C85.7502%2013.4882%2086.0657%2013.8341%2086.4662%2014.0829C86.8728%2014.3256%2087.3401%2014.447%2087.868%2014.447Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M95.8506%206.48253H93.0836L96.0782%2016.5132H98.4994L100.469%2010.1066L102.595%2016.5132H104.98L107.984%206.48253H105.481L103.777%2012.726L101.894%206.48253H99.4733L97.5995%2012.8635L95.8506%206.48253Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E - Favicon: https://cdn.prod.website-files.com/686294e263eb7e215bd232f7/686d53ceda66a40cb6b6d546_favicon.png - Social card (og:image): https://cdn.prod.website-files.com/66e88746834b80507cdf7933/6706ef3c7215a769229d7aad_features-OG.jpg ## UI Components - buttonPrimary: background=#146EF5, textColor=#FFFFFF, borderRadius=4px, shadow=none - buttonSecondary: background=#FFFFFF, textColor=#080808, borderRadius=0px, shadow=none ## Brand Personality Tone: modern · Energy: high · Audience: web developers and designers ## Webflow Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Technology – Ebflow** - Image: https://ebflow.com/wp-content/uploads/eblow-welding-system-scaled-1.jpg - Source: https://ebflow.com/technology/ - **Applications – Ebflow** - Image: https://ebflow.com/wp-content/uploads/Civil_engineering.jpg - Source: https://ebflow.com/applications/ - **Case study - Sheffield – Ebflow** - Image: https://ebflow.com/wp-content/uploads/Vessel-rotated.jpg - Source: https://ebflow.com/case-studies/sheffield-forgemasters/ - **Latest News – Ebflow** - Image: https://ebflow.com/wp-content/uploads/Integrating-Ebflow-into-Existing-Offshore-Fabrication-Workflows.jpg - Source: https://ebflow.com/news/ - **Latest News – Ebflow** - Image: https://ebflow.com/wp-content/uploads/25%C3%97-Faster-Monopile-Welding.jpg - Source: https://ebflow.com/news/ - **Latest News – Ebflow** - Image: https://ebflow.com/wp-content/uploads/monopile_welding_production_rates.jpg - Source: https://ebflow.com/news/ ## 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 ```json { "colorScheme": "light", "fonts": [ { "family": "WF Visual Sans Variable", "role": "body" } ], "colors": { "primary": "#146EF5", "secondary": "#1366E2", "accent": "#146EF5", "background": "#FFFFFF", "textPrimary": "#080808", "link": "#E8F1FE" }, "typography": { "fontFamilies": { "primary": "WF Visual Sans Variable", "heading": "WF Visual Sans Variable" }, "fontStacks": { "heading": [ "WF Visual Sans Variable", "Arial", "sans-serif" ], "body": [ "WF Visual Sans Variable", "Arial", "sans-serif" ], "paragraph": [ "WF Visual Sans Variable", "Arial", "sans-serif" ] }, "fontSizes": { "h1": "80px", "h2": "24px", "body": "16px" } }, "spacing": { "baseUnit": 4, "borderRadius": "4px" }, "components": { "buttonPrimary": { "background": "#146EF5", "textColor": "#FFFFFF", "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "none" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#080808", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20108%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Ctitle%20style%3D%22fill%3A%20none%20!important%3B%22%3EWebflow%3C%2Ftitle%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M28.8562%200.5L19.6486%2018.5H11L14.8534%2011.04H14.6805C11.5015%2015.1668%206.7583%2017.8835%200%2018.5V11.1433C0%2011.1433%204.32345%2010.8879%206.86508%208.21575H0V0.500142H7.71561V6.84612L7.88878%206.84541L11.0417%200.500142H16.8768V6.80588L17.0499%206.8056L20.3211%200.5H28.8562Z%22%20fill%3D%22%23146EF5%22%20style%3D%22fill%3A%20rgb(20%2C%20110%2C%20245)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M79.0662%2016.5132H81.5511V2.25H79.0662V16.5132Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M65.3675%2016.3675C65.9075%2016.592%2066.4567%2016.7043%2067.015%2016.7043C67.9373%2016.7043%2068.7626%2016.4798%2069.4908%2016.0307C70.2189%2015.5817%2070.7833%2014.9628%2071.1838%2014.1739C71.5843%2013.379%2071.7845%2012.4778%2071.7845%2011.4705C71.7845%2010.4632%2071.5782%209.56211%2071.1656%208.76718C70.7529%207.97226%2070.1795%207.35634%2069.4452%206.91943C68.711%206.47646%2067.8766%206.25801%2066.9421%206.26407C66.3475%206.26407%2065.7771%206.37937%2065.2309%206.60996C64.6848%206.84055%2064.2297%207.16823%2063.8656%207.593C63.8375%207.62534%2063.8102%207.658%2063.7837%207.69099V2.2591H61.2897V16.5132H63.7655L63.7605%2015.1816C63.8245%2015.2601%2063.893%2015.3368%2063.9657%2015.4118C64.3601%2015.8184%2064.8274%2016.1369%2065.3675%2016.3675ZM67.9161%2014.0647C67.5095%2014.3135%2067.0453%2014.4379%2066.5234%2014.4379C66.0076%2014.4379%2065.5343%2014.3104%2065.1035%2014.0556C64.6726%2013.7946%2064.3298%2013.4397%2064.0749%2012.9906C63.8261%2012.5416%2063.7017%2012.0318%2063.7017%2011.4614C63.6957%2010.891%2063.817%2010.3813%2064.0658%209.93227C64.3207%209.47716%2064.6635%209.1252%2065.0944%208.87641C65.5252%208.62155%2066.0016%208.49715%2066.5234%208.50322C67.0453%208.49715%2067.5095%208.61851%2067.9161%208.86731C68.3287%209.11003%2068.6442%209.45895%2068.8627%209.91406C69.0872%2010.3631%2069.1995%2010.8789%2069.1995%2011.4614C69.1995%2012.044%2069.0872%2012.5598%2068.8627%2013.0088C68.6442%2013.4579%2068.3287%2013.8098%2067.9161%2014.0647Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M32.4562%203.11471H35.2961L37.8365%2012.3923L40.539%203.11471H42.9056L45.8365%2012.2061L48.2759%203.11471H50.8791L47.038%2016.5132H44.5895L41.6091%207.63159L38.8733%2016.5132H36.3975L32.4562%203.11471Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M55.0729%2016.7498C54.0837%2016.7559%2053.1917%2016.5374%2052.3968%2016.0945C51.6079%2015.6454%2050.986%2015.0234%2050.5308%2014.2285C50.0818%2013.4336%2049.8573%2012.5264%2049.8573%2011.5069C49.8573%2010.5178%2050.0879%209.62279%2050.5491%208.8218C51.0102%208.0208%2051.6352%207.39578%2052.4241%206.94674C53.213%206.4977%2054.0928%206.27318%2055.0637%206.27318C56.156%206.27318%2057.1117%206.5159%2057.9309%207.00135C58.7562%207.4868%2059.3721%208.17554%2059.7787%209.06755C60.1913%209.9535%2060.34%2010.9699%2060.2247%2012.1168H52.428C52.4498%2012.5737%2052.5638%2012.9894%2052.77%2013.3638C53.0006%2013.7764%2053.3222%2014.098%2053.7348%2014.3286C54.1475%2014.5592%2054.6086%2014.6745%2055.1184%2014.6745C55.5067%2014.6684%2055.8678%2014.6017%2056.2015%2014.4743C56.5353%2014.3408%2056.8174%2014.1618%2057.048%2013.9372C57.2847%2013.7127%2057.4516%2013.4579%2057.5487%2013.1727H60.1519C59.9941%2013.8705%2059.6786%2014.4925%2059.2053%2015.0386C58.7319%2015.5787%2058.1373%2016.0004%2057.4212%2016.3038C56.7052%2016.6072%2055.9224%2016.7559%2055.0729%2016.7498ZM52.7791%209.61369C52.6337%209.86727%2052.5329%2010.1403%2052.4768%2010.4329H57.6451C57.6076%2010.0633%2057.4935%209.72652%2057.3029%209.42254C57.0844%209.06452%2056.7871%208.78842%2056.4109%208.59424C56.0347%208.39399%2055.6099%208.29387%2055.1366%208.29387C54.6329%208.29387%2054.1748%208.40916%2053.7621%208.63975C53.3495%208.87034%2053.0218%209.19499%2052.7791%209.61369Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M73.6141%206.48253C73.6141%205.6694%2073.7991%204.94729%2074.1693%204.3162C74.5394%203.67905%2075.0583%203.18449%2075.7258%202.83254C76.3993%202.47452%2077.1852%202.28944%2078.0832%202.27731V4.48914C77.6645%204.49521%2077.3065%204.5832%2077.0092%204.75311C76.7179%204.91695%2076.4934%205.15664%2076.3356%205.47218C76.1904%205.76268%2076.112%206.09946%2076.1005%206.48253H78.0286V8.58514H76.099V16.5132H73.6141V8.58514H72.0121V6.48253H73.6141Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M87.868%2016.7316C86.8546%2016.7316%2085.9474%2016.5101%2085.1464%2016.0672C84.3515%2015.6181%2083.7265%2014.9992%2083.2714%2014.2103C82.8223%2013.4154%2082.5978%2012.5143%2082.5978%2011.5069C82.5978%2010.4936%2082.8223%209.58942%2083.2714%208.79449C83.7265%207.99349%2084.3515%207.37151%2085.1464%206.92854C85.9474%206.48556%2086.8546%206.26407%2087.868%206.26407C88.8874%206.26407%2089.7977%206.48556%2090.5986%206.92854C91.4057%207.37151%2092.0338%207.99046%2092.4828%208.78539C92.9318%209.58031%2093.1594%2010.4875%2093.1655%2011.5069C93.1594%2012.5143%2092.9318%2013.4154%2092.4828%2014.2103C92.0398%2014.9992%2091.4148%2015.6181%2090.6077%2016.0672C89.8007%2016.5101%2088.8874%2016.7316%2087.868%2016.7316ZM87.868%2014.447C88.402%2014.447%2088.8753%2014.3256%2089.2879%2014.0829C89.7006%2013.8341%2090.0191%2013.4882%2090.2437%2013.0452C90.4682%2012.5962%2090.5804%2012.0834%2090.5804%2011.5069C90.5804%2010.9244%2090.4682%2010.4086%2090.2437%209.95957C90.0191%209.51053%2089.7006%209.16465%2089.2879%208.92192C88.8753%208.67313%2088.402%208.54873%2087.868%208.54873C87.3401%208.54873%2086.8698%208.67313%2086.4571%208.92192C86.0506%209.16465%2085.735%209.51053%2085.5105%209.95957C85.286%2010.4086%2085.1768%2010.9244%2085.1828%2011.5069C85.1828%2012.0834%2085.2951%2012.5962%2085.5196%2013.0452C85.7502%2013.4882%2086.0657%2013.8341%2086.4662%2014.0829C86.8728%2014.3256%2087.3401%2014.447%2087.868%2014.447Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M95.8506%206.48253H93.0836L96.0782%2016.5132H98.4994L100.469%2010.1066L102.595%2016.5132H104.98L107.984%206.48253H105.481L103.777%2012.726L101.894%206.48253H99.4733L97.5995%2012.8635L95.8506%206.48253Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(8%2C%208%2C%208)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E", "favicon": "https://cdn.prod.website-files.com/686294e263eb7e215bd232f7/686d53ceda66a40cb6b6d546_favicon.png", "ogImage": "https://cdn.prod.website-files.com/66e88746834b80507cdf7933/6706ef3c7215a769229d7aad_features-OG.jpg", "logoHref": "https://webflow.com/?r=0", "logoAlt": "Webflow" }, "__llm_logo_reasoning": { "selectedIndex": 37, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Webflow'.", "confidence": 0.95, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Start for free", "reasoning": "Button #0 ('Start for free') is the primary CTA due to its vibrant blue color (#146EF5) and action-oriented text, which is typical for a primary call-to-action encouraging users to begin using the service." }, "secondary": { "index": 3, "text": "Log in", "reasoning": "Button #3 ('Log in') is selected as the secondary button because it has a different background color (#FFFFFF) and serves a supportive function, typical for secondary actions like logging in." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "high", "targetAudience": "web developers and designers" }, "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 'Webflow'.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```