# Vouch Brand Identity A complete profile of **Vouch**'s visual system — colors, typography, components, and personality — extracted from http://vouch.us. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/vouch - Machine-readable JSON: https://characterquilt.com/branding/vouch.json - Per-page llms.txt: https://characterquilt.com/branding/vouch/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #3BE0AD | | Accent | #3BE0AD | | Body Font | GT Standard | | Heading Font | GT Extended | ## Color Palette - primary: #3BE0AD - secondary: #3898EC - accent: #3BE0AD - background: #FFFFFF - textPrimary: #0F1C2C - link: #0F1C2C ## Typography - primary: GT Standard — https://fonts.google.com/specimen/GT+Standard - heading: GT Extended — https://fonts.google.com/specimen/GT+Extended ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20120%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Cpath%20d%3D%22M23.5898%2025.3412C23.5898%2016.8483%2027.9931%2012.0078%2035.7486%2012.0078C43.5042%2012.0078%2047.9104%2016.8219%2047.9104%2025.3412C47.9104%2033.8605%2043.5071%2038.6746%2035.7486%2038.6746C27.9901%2038.6746%2023.5898%2033.9163%2023.5898%2025.3412ZM40.0051%2025.3412C40.0051%2020.5183%2038.1528%2018.8432%2035.7486%2018.8432C33.5529%2018.8432%2031.4922%2020.5183%2031.4922%2025.3412C31.4922%2030.1641%2033.547%2031.8393%2035.7486%2031.8393C37.9502%2031.8393%2040.0051%2030.1641%2040.0051%2025.3412Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M73.8086%2025.3412C73.8086%2016.7691%2078.5611%2012.0078%2085.6092%2012.0078C92.6574%2012.0078%2096.5439%2015.5927%2096.8757%2022.1494H89.0086C88.6504%2019.4651%2087.5408%2018.6907%2085.6269%2018.6907C83.0701%2018.6907%2081.7139%2020.6943%2081.7139%2025.3412C81.7139%2029.8884%2083.1816%2031.9889%2085.6269%2031.9889C87.576%2031.9889%2088.6504%2031.3229%2089.0086%2028.5301H96.8757C96.5821%2035.0985%2092.2581%2038.6746%2085.7032%2038.6746C78.1502%2038.6746%2073.8086%2033.7813%2073.8086%2025.3412Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M99.2695%2012.8438H106.773V21.985H112.497V12.8438H120V37.8384H112.497V28.6121H106.773V37.8384H99.2695V12.8438Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M50.1758%2012.8526H57.5674V28.8908C57.5674%2030.8593%2058.586%2032.4376%2060.5586%2032.4376C62.728%2032.4376%2064.0167%2031.1028%2064.0167%2027.7437V12.8438H71.417V37.8032H64.0167V34.8696C63.136%2036.9965%2060.5733%2038.5043%2057.9108%2038.5043C52.8852%2038.5043%2050.1758%2035.2275%2050.1758%2029.7944V12.8526Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M15.2087%2012.8438L11.7889%2029.2281L8.32797%2012.8438H0L7.47373%2037.8384H16.063L23.5896%2012.8438H15.2087Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M85.722%2044.1757C81.3188%2044.1757%2078.2277%2042.7646%2075.3979%2040.6289H65.7695C70.1728%2046.9069%2077.2708%2050.7529%2085.7308%2050.7529C94.1909%2050.7529%20101.268%2046.9069%20105.692%2040.6289H96.0667C93.2339%2042.7646%2090.134%2044.1757%2085.7396%2044.1757%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M49.598%203.90616C45.5551%201.31059%2040.841%20-0.0466878%2036.0361%200.00146793C31.2489%20-0.051057%2026.5523%201.30704%2022.5329%203.90616C20.0908%205.50603%2017.9693%207.54766%2016.2773%209.92603H25.9967C28.7649%207.9106%2031.8031%206.57872%2036.0243%206.57872C40.2455%206.57872%2043.3102%207.9106%2046.1077%209.92603H55.9063C54.1954%207.54774%2052.0585%205.5067%2049.6038%203.90616%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E - Favicon: https://cdn.prod.website-files.com/5f29b9bb8466f57a1291c19c/5f4d481b9c63bad42e1e327f_Vouch-Favicon-Transparent-32.png - Social card (og:image): https://cdn.prod.website-files.com/5f29b9bb8466f57a1291c19c/6812324b0d1e30abffcafa8a_vouch-open-graph.png ## UI Components - buttonPrimary: background=#3BE0AD, textColor=#0F1C2C, borderRadius=4px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px inset - buttonSecondary: background=#0F1C2C, textColor=#F7FAF2, borderRadius=4px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: growing companies and business professionals ## Vouch Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **About Vouch | The Insurance Broker for Ambitious Leaders** - Image: https://cdn.prod.website-files.com/68fbaafcc7b685afc7a2fbd5/69a5a6476e685d881c4c94a7_about-travis-hedge.jpg - Source: https://www.vouch.us/about - **Understanding Tail Insurance: A Guide to Wind-Down Protection** - Image: https://cdn.prod.website-files.com/68fbaafcc7b685afc7a2fbd5/68fbaafcc7b685afc7a31203_TailInsurance-StockImage-duotone.jpg - Source: https://www.vouch.us/blog/understanding-tail-insurance - **Financial Services** - Image: https://cdn.prod.website-files.com/5f29b9bb8466f5b83991c1a0/642d90467a47642aacd193b3_Insurance101_Protecting-Your-VC-Fund.jpg - Source: https://www.vouch.us/topic/financial-services - **How Much Should You Pay For Tech E&O Insurance?** - Image: https://cdn.prod.website-files.com/68fbaafcc7b685afc7a2fbd5/68fbaafcc7b685afc7a310cf_Blog-thumbnail-PriceForTechEandO-V1.jpg - Source: https://www.vouch.us/blog/how-much-should-you-pay-for-tech-e-o-insurance - **Three Actionable Steps to Make Your Insurance Program Simpler, Easier & More Effective** - Image: https://cdn.prod.website-files.com/68fbaafcc7b685afc7a2fbd5/68fbaafcc7b685afc7a30a07_vouch-man-reading-paper.jpg - Source: https://www.vouch.us/blog/three-actionable-steps-to-make-your-insurance-program-simpler-easier-more-effective - **Understanding Fintech Insurance** - Image: https://cdn.prod.website-files.com/68fbaafcc7b685afc7a2fbd5/68fbaafcc7b685afc7a310b5_Understanding-Fintech-Insurance-Tumbnail.jpg - Source: https://www.vouch.us/blog/understanding-fintech-insurance ## 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": "GT Extended", "role": "heading" }, { "family": "GT Standard", "role": "body" }, { "family": "Mirador Book", "role": "unknown" } ], "colors": { "primary": "#3BE0AD", "secondary": "#3898EC", "accent": "#3BE0AD", "background": "#FFFFFF", "textPrimary": "#0F1C2C", "link": "#0F1C2C" }, "typography": { "fontFamilies": { "primary": "GT Standard", "heading": "GT Extended" }, "fontStacks": { "heading": [ "Mirador Book", "sans-serif" ], "body": [ "GT Standard", "sans-serif" ], "paragraph": [ "GT Standard", "sans-serif" ] }, "fontSizes": { "h1": "64px", "h2": "48px", "body": "19px" } }, "spacing": { "baseUnit": 4, "borderRadius": "3px" }, "components": { "buttonPrimary": { "background": "#3BE0AD", "textColor": "#0F1C2C", "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px inset" }, "buttonSecondary": { "background": "#0F1C2C", "textColor": "#F7FAF2", "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20120%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Cpath%20d%3D%22M23.5898%2025.3412C23.5898%2016.8483%2027.9931%2012.0078%2035.7486%2012.0078C43.5042%2012.0078%2047.9104%2016.8219%2047.9104%2025.3412C47.9104%2033.8605%2043.5071%2038.6746%2035.7486%2038.6746C27.9901%2038.6746%2023.5898%2033.9163%2023.5898%2025.3412ZM40.0051%2025.3412C40.0051%2020.5183%2038.1528%2018.8432%2035.7486%2018.8432C33.5529%2018.8432%2031.4922%2020.5183%2031.4922%2025.3412C31.4922%2030.1641%2033.547%2031.8393%2035.7486%2031.8393C37.9502%2031.8393%2040.0051%2030.1641%2040.0051%2025.3412Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M73.8086%2025.3412C73.8086%2016.7691%2078.5611%2012.0078%2085.6092%2012.0078C92.6574%2012.0078%2096.5439%2015.5927%2096.8757%2022.1494H89.0086C88.6504%2019.4651%2087.5408%2018.6907%2085.6269%2018.6907C83.0701%2018.6907%2081.7139%2020.6943%2081.7139%2025.3412C81.7139%2029.8884%2083.1816%2031.9889%2085.6269%2031.9889C87.576%2031.9889%2088.6504%2031.3229%2089.0086%2028.5301H96.8757C96.5821%2035.0985%2092.2581%2038.6746%2085.7032%2038.6746C78.1502%2038.6746%2073.8086%2033.7813%2073.8086%2025.3412Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M99.2695%2012.8438H106.773V21.985H112.497V12.8438H120V37.8384H112.497V28.6121H106.773V37.8384H99.2695V12.8438Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M50.1758%2012.8526H57.5674V28.8908C57.5674%2030.8593%2058.586%2032.4376%2060.5586%2032.4376C62.728%2032.4376%2064.0167%2031.1028%2064.0167%2027.7437V12.8438H71.417V37.8032H64.0167V34.8696C63.136%2036.9965%2060.5733%2038.5043%2057.9108%2038.5043C52.8852%2038.5043%2050.1758%2035.2275%2050.1758%2029.7944V12.8526Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M15.2087%2012.8438L11.7889%2029.2281L8.32797%2012.8438H0L7.47373%2037.8384H16.063L23.5896%2012.8438H15.2087Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M85.722%2044.1757C81.3188%2044.1757%2078.2277%2042.7646%2075.3979%2040.6289H65.7695C70.1728%2046.9069%2077.2708%2050.7529%2085.7308%2050.7529C94.1909%2050.7529%20101.268%2046.9069%20105.692%2040.6289H96.0667C93.2339%2042.7646%2090.134%2044.1757%2085.7396%2044.1757%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M49.598%203.90616C45.5551%201.31059%2040.841%20-0.0466878%2036.0361%200.00146793C31.2489%20-0.051057%2026.5523%201.30704%2022.5329%203.90616C20.0908%205.50603%2017.9693%207.54766%2016.2773%209.92603H25.9967C28.7649%207.9106%2031.8031%206.57872%2036.0243%206.57872C40.2455%206.57872%2043.3102%207.9106%2046.1077%209.92603H55.9063C54.1954%207.54774%2052.0585%205.5067%2049.6038%203.90616%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(15%2C%2028%2C%2044)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E", "favicon": "https://cdn.prod.website-files.com/5f29b9bb8466f57a1291c19c/5f4d481b9c63bad42e1e327f_Vouch-Favicon-Transparent-32.png", "ogImage": "https://cdn.prod.website-files.com/5f29b9bb8466f57a1291c19c/6812324b0d1e30abffcafa8a_vouch-open-graph.png", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 2, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand 'Vouch'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Get Started", "reasoning": "Button #0 has a vibrant green background (#3BE0AD), which is a strong brand color, and features action-oriented text 'Get Started', making it the primary CTA." }, "secondary": { "index": 1, "text": "Get Started", "reasoning": "Button #1 has a dark background (#0F1C2C), which is distinct from the primary button's color, and also features the text 'Get Started', making it a suitable secondary CTA." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "growing companies and business 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 'Vouch'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```