# Foundation Brand Identity A complete profile of **Foundation**'s visual system — colors, typography, components, and personality — extracted from https://buildwithfoundation.com/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/foundation - Machine-readable JSON: https://characterquilt.com/branding/foundation.json - Per-page llms.txt: https://characterquilt.com/branding/foundation/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #0000EE | | Accent | #818CA1 | | Body Font | Inter | | Heading Font | Inter | ## Color Palette - primary: #0000EE - accent: #818CA1 - background: #FFFFFF - textPrimary: #818CA1 - link: #818CA1 ## Typography - primary: Inter — https://fonts.google.com/specimen/Inter - heading: Inter — https://fonts.google.com/specimen/Inter ## Visual Assets - 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%20viewBox%3D%220%200%20127%2021%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%22127%22%20height%3D%2221%22%20viewBox%3D%220%200%20127%2021%22%20fill%3D%22none%22%20id%3D%22svg-31684908_4046%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%3E%0A%3Cpath%20d%3D%22M117.557%2018.4286V7.90747H119.626V9.66765H119.676C120.249%208.46753%20121.374%207.72745%20123.001%207.72745C125.332%207.72745%20126.668%209.20761%20126.668%2011.6179V18.4286H124.488V12.0379C124.488%2010.4577%20123.745%209.58765%20122.238%209.58765C120.711%209.58765%20119.726%2010.6678%20119.726%2012.2979V18.4286H117.557Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M110.866%2018.6286C107.842%2018.6286%20105.854%2016.5584%20105.854%2013.168C105.854%209.78767%20107.853%207.71745%20110.866%207.71745C113.88%207.71745%20115.879%209.78767%20115.879%2013.168C115.879%2016.5584%20113.89%2018.6286%20110.866%2018.6286ZM110.866%2016.8484C112.574%2016.8484%20113.669%2015.5083%20113.669%2013.168C113.669%2010.8378%20112.564%209.49764%20110.866%209.49764C109.168%209.49764%20108.063%2010.8378%20108.063%2013.168C108.063%2015.5083%20109.168%2016.8484%20110.866%2016.8484Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M101.936%2018.4286V7.90747H104.106V18.4286H101.936ZM103.021%206.36731C102.328%206.36731%20101.766%205.81725%20101.766%205.13718C101.766%204.44711%20102.328%203.89705%20103.021%203.89705C103.724%203.89705%20104.287%204.44711%20104.287%205.13718C104.287%205.81725%20103.724%206.36731%20103.021%206.36731Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M95.8885%205.41721H98.0683V7.90747H100.077V9.61765H98.0683V15.4183C98.0683%2016.3284%2098.4701%2016.7384%2099.3541%2016.7384C99.5751%2016.7384%2099.9267%2016.7184%20100.067%2016.6884V18.3986C99.8262%2018.4586%2099.3441%2018.4986%2098.8619%2018.4986C96.7223%2018.4986%2095.8885%2017.6885%2095.8885%2015.6583V9.61765H94.3516V7.90747H95.8885V5.41721Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M88.2846%2016.8984C89.8014%2016.8984%2090.9868%2015.8583%2090.9868%2014.4882V13.6581L88.385%2013.8181C87.0892%2013.9081%2086.3559%2014.4782%2086.3559%2015.3783C86.3559%2016.2984%2087.1193%2016.8984%2088.2846%2016.8984ZM87.6819%2018.6086C85.6125%2018.6086%2084.166%2017.3285%2084.166%2015.4383C84.166%2013.5981%2085.5824%2012.468%2088.0937%2012.3279L90.9868%2012.1579V11.3478C90.9868%2010.1777%2090.1932%209.47764%2088.8672%209.47764C87.6115%209.47764%2086.828%2010.0777%2086.6372%2011.0178H84.5879C84.7085%209.1176%2086.3358%207.71745%2088.9476%207.71745C91.5091%207.71745%2093.1465%209.06759%2093.1465%2011.1778V18.4286H91.0671V16.6984H91.0169C90.4041%2017.8685%2089.0681%2018.6086%2087.6819%2018.6086Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M76.8424%2018.6086C74.1703%2018.6086%2072.4023%2016.4884%2072.4023%2013.168C72.4023%209.84768%2074.1703%207.73745%2076.8223%207.73745C78.3391%207.73745%2079.5445%208.49753%2080.1372%209.65766H80.1774V3.99706H82.3572V18.4286H80.2477V16.6384H80.2075C79.5847%2017.8385%2078.3793%2018.6086%2076.8424%2018.6086ZM77.4149%209.55764C75.6972%209.55764%2074.6224%2010.9578%2074.6224%2013.168C74.6224%2015.3883%2075.6972%2016.7784%2077.4149%2016.7784C79.0825%2016.7784%2080.1975%2015.3683%2080.1975%2013.168C80.1975%2010.9878%2079.0825%209.55764%2077.4149%209.55764Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M61.6641%2018.4286V7.90747H63.7334V9.66765H63.7836C64.3562%208.46753%2065.4813%207.72745%2067.1086%207.72745C69.4391%207.72745%2070.7751%209.20761%2070.7751%2011.6179V18.4286H68.5953V12.0379C68.5953%2010.4577%2067.852%209.58765%2066.3452%209.58765C64.8183%209.58765%2063.8338%2010.6678%2063.8338%2012.2979V18.4286H61.6641Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M59.5154%207.90747V18.4286H57.436V16.6484H57.3858C56.8031%2017.9085%2055.7283%2018.6186%2054.111%2018.6186C51.8106%2018.6186%2050.4043%2017.1284%2050.4043%2014.7182V7.90747H52.5741V14.2981C52.5741%2015.8983%2053.3375%2016.7584%2054.8343%2016.7584C56.4013%2016.7584%2057.3456%2015.6783%2057.3456%2014.0381V7.90747H59.5154Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M43.7645%2018.6286C40.7409%2018.6286%2038.752%2016.5584%2038.752%2013.168C38.752%209.78767%2040.751%207.71745%2043.7645%207.71745C46.7781%207.71745%2048.7771%209.78767%2048.7771%2013.168C48.7771%2016.5584%2046.7882%2018.6286%2043.7645%2018.6286ZM43.7645%2016.8484C45.4722%2016.8484%2046.5672%2015.5083%2046.5672%2013.168C46.5672%2010.8378%2045.4622%209.49764%2043.7645%209.49764C42.0669%209.49764%2040.9619%2010.8378%2040.9619%2013.168C40.9619%2015.5083%2042.0669%2016.8484%2043.7645%2016.8484Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M31.0861%2018.4286H28.8359V3.99706H37.8867V5.92726H31.0861V10.4977H37.3141V12.3879H31.0861V18.4286Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M21.1963%207.85742H14.7256V14.1338H8.25586V20.4111H0.955078V12.8125H1.28711V7.85742H0.955078V0.588867H21.1963V7.85742ZM2.28223%207.85742H1.95117V12.8125H2.28223V19.0889H6.92773V12.8125H13.3984V7.85742H6.92773V6.53613H19.8691V1.91113H2.28223V7.85742Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3C%2Fsvg%3E%3C%2Fsvg%3E - Favicon: https://framerusercontent.com/images/249yNUnQkGWqzx8o525RogTfEo.png - Social card (og:image): https://framerusercontent.com/images/hLlQXJxMFDun0UJf7hvWHhyQ64.png ## UI Components - buttonPrimary: background=#FFFFFF, textColor=#0000EE, borderRadius=12px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: business professionals and developers ## Foundation Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Foundation** - Image: https://framerusercontent.com/assets/JTc9Kw56vox4DQRn1thh9pGxnM.png - Source: https://buildwithfoundation.com/blog - **Q3 Product Highlights: Native Apps and More - Foundation** - Image: https://framerusercontent.com/images/ud5mQqdGOmn3pu9qXtDu9GOe38.png?width=4096&height=2705 - Source: https://buildwithfoundation.com/blog/foundation-product-highlights-q3-2024 - **Intro to “Build vs Buy” for Homebuilders - Foundation** - Image: https://framerusercontent.com/images/u4wWLD1pXcxE3jWiyIs4ziQHT4.png?width=1920&height=1080 - Source: https://buildwithfoundation.com/blog/intro-build-vs-buy-homebuilders - **Foundation** - Image: https://framerusercontent.com/images/xoOT7Pr3mY5ZbSKNi7APwOblbK4.jpg?width=5760&height=3840 - Source: https://buildwithfoundation.com/use-cases/warranty - **Foundation** - Image: https://framerusercontent.com/images/836zR2NcYKwyEVSNwwPGqbgDFs.png?width=960&height=540 - Source: https://buildwithfoundation.com/blog - **Q3 Product Highlights: Native Apps and More - Foundation** - Image: https://framerusercontent.com/images/CHvTqBngqmMjcHtyaZL5A2T3Bw.png?width=4096&height=2700 - Source: https://buildwithfoundation.com/blog/foundation-product-highlights-q3-2024 ## 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": "Inter", "role": "body" } ], "colors": { "primary": "#0000EE", "accent": "#818CA1", "background": "#FFFFFF", "textPrimary": "#818CA1", "link": "#818CA1" }, "typography": { "fontFamilies": { "primary": "Inter", "heading": "Inter" }, "fontStacks": { "heading": [ "Inter", "sans-serif" ], "body": [ "sans-serif" ], "paragraph": [ "Inter", "sans-serif" ] }, "fontSizes": { "h1": "64px", "h2": "48px", "body": "14px" } }, "spacing": { "baseUnit": 4, "borderRadius": "0px" }, "components": { "buttonPrimary": { "background": "#FFFFFF", "textColor": "#0000EE", "borderRadius": "12px", "borderRadiusCorners": { "topLeft": "12px", "topRight": "12px", "bottomRight": "12px", "bottomLeft": "12px" }, "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%20viewBox%3D%220%200%20127%2021%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%22127%22%20height%3D%2221%22%20viewBox%3D%220%200%20127%2021%22%20fill%3D%22none%22%20id%3D%22svg-31684908_4046%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%3E%0A%3Cpath%20d%3D%22M117.557%2018.4286V7.90747H119.626V9.66765H119.676C120.249%208.46753%20121.374%207.72745%20123.001%207.72745C125.332%207.72745%20126.668%209.20761%20126.668%2011.6179V18.4286H124.488V12.0379C124.488%2010.4577%20123.745%209.58765%20122.238%209.58765C120.711%209.58765%20119.726%2010.6678%20119.726%2012.2979V18.4286H117.557Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M110.866%2018.6286C107.842%2018.6286%20105.854%2016.5584%20105.854%2013.168C105.854%209.78767%20107.853%207.71745%20110.866%207.71745C113.88%207.71745%20115.879%209.78767%20115.879%2013.168C115.879%2016.5584%20113.89%2018.6286%20110.866%2018.6286ZM110.866%2016.8484C112.574%2016.8484%20113.669%2015.5083%20113.669%2013.168C113.669%2010.8378%20112.564%209.49764%20110.866%209.49764C109.168%209.49764%20108.063%2010.8378%20108.063%2013.168C108.063%2015.5083%20109.168%2016.8484%20110.866%2016.8484Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M101.936%2018.4286V7.90747H104.106V18.4286H101.936ZM103.021%206.36731C102.328%206.36731%20101.766%205.81725%20101.766%205.13718C101.766%204.44711%20102.328%203.89705%20103.021%203.89705C103.724%203.89705%20104.287%204.44711%20104.287%205.13718C104.287%205.81725%20103.724%206.36731%20103.021%206.36731Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M95.8885%205.41721H98.0683V7.90747H100.077V9.61765H98.0683V15.4183C98.0683%2016.3284%2098.4701%2016.7384%2099.3541%2016.7384C99.5751%2016.7384%2099.9267%2016.7184%20100.067%2016.6884V18.3986C99.8262%2018.4586%2099.3441%2018.4986%2098.8619%2018.4986C96.7223%2018.4986%2095.8885%2017.6885%2095.8885%2015.6583V9.61765H94.3516V7.90747H95.8885V5.41721Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M88.2846%2016.8984C89.8014%2016.8984%2090.9868%2015.8583%2090.9868%2014.4882V13.6581L88.385%2013.8181C87.0892%2013.9081%2086.3559%2014.4782%2086.3559%2015.3783C86.3559%2016.2984%2087.1193%2016.8984%2088.2846%2016.8984ZM87.6819%2018.6086C85.6125%2018.6086%2084.166%2017.3285%2084.166%2015.4383C84.166%2013.5981%2085.5824%2012.468%2088.0937%2012.3279L90.9868%2012.1579V11.3478C90.9868%2010.1777%2090.1932%209.47764%2088.8672%209.47764C87.6115%209.47764%2086.828%2010.0777%2086.6372%2011.0178H84.5879C84.7085%209.1176%2086.3358%207.71745%2088.9476%207.71745C91.5091%207.71745%2093.1465%209.06759%2093.1465%2011.1778V18.4286H91.0671V16.6984H91.0169C90.4041%2017.8685%2089.0681%2018.6086%2087.6819%2018.6086Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M76.8424%2018.6086C74.1703%2018.6086%2072.4023%2016.4884%2072.4023%2013.168C72.4023%209.84768%2074.1703%207.73745%2076.8223%207.73745C78.3391%207.73745%2079.5445%208.49753%2080.1372%209.65766H80.1774V3.99706H82.3572V18.4286H80.2477V16.6384H80.2075C79.5847%2017.8385%2078.3793%2018.6086%2076.8424%2018.6086ZM77.4149%209.55764C75.6972%209.55764%2074.6224%2010.9578%2074.6224%2013.168C74.6224%2015.3883%2075.6972%2016.7784%2077.4149%2016.7784C79.0825%2016.7784%2080.1975%2015.3683%2080.1975%2013.168C80.1975%2010.9878%2079.0825%209.55764%2077.4149%209.55764Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M61.6641%2018.4286V7.90747H63.7334V9.66765H63.7836C64.3562%208.46753%2065.4813%207.72745%2067.1086%207.72745C69.4391%207.72745%2070.7751%209.20761%2070.7751%2011.6179V18.4286H68.5953V12.0379C68.5953%2010.4577%2067.852%209.58765%2066.3452%209.58765C64.8183%209.58765%2063.8338%2010.6678%2063.8338%2012.2979V18.4286H61.6641Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M59.5154%207.90747V18.4286H57.436V16.6484H57.3858C56.8031%2017.9085%2055.7283%2018.6186%2054.111%2018.6186C51.8106%2018.6186%2050.4043%2017.1284%2050.4043%2014.7182V7.90747H52.5741V14.2981C52.5741%2015.8983%2053.3375%2016.7584%2054.8343%2016.7584C56.4013%2016.7584%2057.3456%2015.6783%2057.3456%2014.0381V7.90747H59.5154Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M43.7645%2018.6286C40.7409%2018.6286%2038.752%2016.5584%2038.752%2013.168C38.752%209.78767%2040.751%207.71745%2043.7645%207.71745C46.7781%207.71745%2048.7771%209.78767%2048.7771%2013.168C48.7771%2016.5584%2046.7882%2018.6286%2043.7645%2018.6286ZM43.7645%2016.8484C45.4722%2016.8484%2046.5672%2015.5083%2046.5672%2013.168C46.5672%2010.8378%2045.4622%209.49764%2043.7645%209.49764C42.0669%209.49764%2040.9619%2010.8378%2040.9619%2013.168C40.9619%2015.5083%2042.0669%2016.8484%2043.7645%2016.8484Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M31.0861%2018.4286H28.8359V3.99706H37.8867V5.92726H31.0861V10.4977H37.3141V12.3879H31.0861V18.4286Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3Cpath%20d%3D%22M21.1963%207.85742H14.7256V14.1338H8.25586V20.4111H0.955078V12.8125H1.28711V7.85742H0.955078V0.588867H21.1963V7.85742ZM2.28223%207.85742H1.95117V12.8125H2.28223V19.0889H6.92773V12.8125H13.3984V7.85742H6.92773V6.53613H19.8691V1.91113H2.28223V7.85742Z%22%20fill%3D%22%232D3032%22%2F%3E%0A%3C%2Fsvg%3E%3C%2Fsvg%3E", "favicon": "https://framerusercontent.com/images/249yNUnQkGWqzx8o525RogTfEo.png", "ogImage": "https://framerusercontent.com/images/hLlQXJxMFDun0UJf7hvWHhyQ64.png", "logoHref": "./" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Book a demo", "reasoning": "The 'Book a demo' button is likely the primary CTA due to its action-oriented text, which suggests a direct engagement with the service." }, "secondary": { "index": 1, "text": "Learn More", "reasoning": "The 'Learn More' button serves as a secondary action, providing additional information rather than direct engagement." }, "confidence": 0.9 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "business professionals and developers" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.9, "colors": 0.8, "overall": 0.8500000000000001 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```