llms.txt

Board Brand Identity

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

Quick Facts

Field Value
Primary #32C992
Accent #32C992
Body Font Neue Haas Grotesk
Heading Font ITC Kabel Std

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: playful · Energy: high · Audience: families and gamers

Board 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": "Neue Haas Grotesk", "role": "body" }, { "family": "ITC Kabel Std", "role": "heading" } ], "colors": { "primary": "#32C992", "secondary": "#6D13EC", "accent": "#32C992", "background": "#FFFEF1", "textPrimary": "#000000", "link": "#EDEDDE" }, "typography": { "fontFamilies": { "primary": "Neue Haas Grotesk", "heading": "ITC Kabel Std" }, "fontStacks": { "heading": [ "Neue Haas Grotesk", "sans-serif" ], "body": [ "Neue Haas Grotesk", "sans-serif" ], "paragraph": [ "ITC Kabel Std", "serif", "monospace" ] }, "fontSizes": { "h1": "16px", "h2": "30px", "body": "40px" } }, "spacing": { "baseUnit": 4, "borderRadius": "12px" }, "components": { "input": { "background": "transparent", "textColor": "#000000", "borderColor": null, "borderRadius": "33554400px", "borderRadiusCorners": { "topLeft": "33554400px", "topRight": "33554400px", "bottomRight": "33554400px", "bottomLeft": "33554400px" }, "shadow": "none" }, "buttonPrimary": { "background": "#32C992", "textColor": "#FFFEF1", "borderRadius": "24px", "borderRadiusCorners": { "topLeft": "24px", "topRight": "24px", "bottomRight": "24px", "bottomLeft": "24px" }, "shadow": "none" }, "buttonSecondary": { "background": "#EDEDDE", "textColor": "#000000", "borderRadius": "14px", "borderRadiusCorners": { "topLeft": "14px", "topRight": "14px", "bottomRight": "14px", "bottomLeft": "14px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22h-32%20md%3Ah-38%20lg%3Ah-59%20w-auto%22%20width%3D%22104%22%20height%3D%2235%22%20viewBox%3D%220%200%20104%2035%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%20%20%3Cpath%20d%3D%22M24.6774%2018.8282C23.9167%2017.8882%2022.9754%2017.0996%2021.9147%2016.5052C24.6428%2015.0172%2026.4932%2012.1172%2026.4932%208.79162C26.4932%203.93597%2022.5542%200%2017.7029%200H0.882812V34.3507L17.2829%2034.355C21.3067%2034.355%2024.7485%2031.8632%2026.1401%2028.3336C24.1294%2024.8262%2024.1529%2021.3312%2024.6768%2018.8276L24.6774%2018.8282ZM13.1373%2024.6444H10.5756V19.6403H13.1373C14.5159%2019.6403%2015.6365%2020.761%2015.6365%2022.1439C15.6365%2023.5268%2014.5159%2024.6444%2013.1373%2024.6444ZM13.3278%2012.7703H11.0468V8.14779H13.3278C14.6012%208.14779%2015.6359%209.18373%2015.6359%2010.4621C15.6359%2011.7405%2014.6012%2012.7703%2013.3278%2012.7703Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M50.7652%2019.1967C49.6142%2013.1623%2044.2947%208.58618%2037.9281%208.58618C30.974%208.58618%2024.8579%2014.1568%2024.8579%2021.6564C24.8579%2028.6724%2030.533%2034.7328%2037.9281%2034.7328C42.067%2034.7328%2045.7624%2032.7976%2048.154%2029.7869C46.3085%2025.8051%2047.7223%2021.5401%2050.7652%2019.1967ZM37.9281%2025.4978C35.8148%2025.4978%2034.0924%2023.7753%2034.0924%2021.6564C34.0924%2019.5375%2035.8148%2017.8225%2037.9281%2017.8225C40.0415%2017.8225%2041.7639%2019.5437%2041.7639%2021.6564C41.7639%2023.7691%2040.0458%2025.4978%2037.9281%2025.4978Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M93.7925%200.0383301V10.0892H91.913C89.1274%2010.0892%2086.5514%2011.0286%2084.5%2012.6125V18.8369C84.5%2019.1059%2084.2816%2019.3242%2084.0126%2019.3242H80.3784C80.2436%2019.3242%2080.1348%2019.4331%2080.1348%2019.5679V23.8144C80.1348%2025.073%2080.3914%2026.3235%2080.9332%2027.459C82.8876%2031.5552%2087.0679%2034.3884%2091.9124%2034.3884H103.118V0.0383301H93.7919H93.7925ZM93.7734%2024.8769H91.746C90.334%2024.8769%2089.1843%2023.7272%2089.1843%2022.3102C89.1843%2020.8933%2090.334%2019.7485%2091.746%2019.7485H93.7734V24.8763V24.8769Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M75.8014%208.79907H84.0252V18.6062C84.0252%2018.7411%2083.9164%2018.8499%2083.7815%2018.8499H80.1455C79.8765%2018.8499%2079.6582%2019.0682%2079.6582%2019.3373V34.425H70.2456V14.3542C70.2456%2011.2866%2072.7325%208.79969%2075.8001%208.79969L75.8014%208.79907Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M64.201%208.78735H51.471L51.5137%2017.0397H60.3721V17.8839H56.0452C51.7394%2017.8839%2047.8164%2021.3109%2047.8164%2026.1127C47.8164%2030.9145%2051.646%2034.3464%2056.0452%2034.3464H69.7692V14.3555C69.7692%2011.2804%2067.2761%208.78735%2064.201%208.78735ZM60.3721%2027.5915H58.798C57.9254%2027.5915%2057.224%2026.8858%2057.224%2026.0174C57.224%2025.1491%2057.9254%2024.4434%2058.798%2024.4434H60.3721V27.5921V27.5915Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E, "favicon": "https://board.fun/cdn/shop/files/Logo_Board_on_Cream_Circle.png?v=1769285334&width=32", "ogImage": "http://board.fun/cdn/shop/files/R376_NA_A010C004_250313PO.19_12_18_09_FNL.jpg?v=1753734577&width=1200", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, aligning with the brand 'Board'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Shop Now", "reasoning": "Button #0 'Shop Now' uses the vibrant brand color #32C992, making it the most prominent CTA. It is action-oriented and likely intended to drive conversions." }, "secondary": { "index": 1, "text": "Play Trailer", "reasoning": "Button #1 'Play Trailer' has a different background color (#EDEDDE) and serves as a secondary action, inviting users to engage with content." }, "confidence": 0.95 }, "personality": { "tone": "playful", "energy": "high", "targetAudience": "families and gamers" }, "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 located in the header, is visible, and links to the homepage, aligning with the brand 'Board'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } }