llms.txt

Design Arena Brand Identity

A complete profile of Design Arena's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #407967
Accent #407967
Body Font Inter
Heading Font Inter

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: design professionals and tech enthusiasts

Design Arena Brand in the Wild

Real-world brand assets:

Working with these fonts

If you have permission to use the fonts, you can follow these steps:

  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": "Inter",
 "role": "body"
 },
 {
 "family": "concrette",
 "role": "unknown"
 }
 ],
 "colors": {
 "primary": "#407967",
 "secondary": "#A0C3C4",
 "accent": "#407967",
 "background": "#F3F1EF",
 "textPrimary": "#292C33",
 "link": "#3A3F4B"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Inter",
 "heading": "Inter"
 },
 "fontStacks": {
 "heading": [
 "concrette"
 ],
 "body": [
 "Inter"
 ],
 "paragraph": [
 "concrette"
 ]
 },
 "fontSizes": {
 "h1": "48px",
 "h2": "32px",
 "body": "21.588px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "4px"
 },
 "components": {
 "input": {
 "background": "transparent",
 "textColor": "#292C33",
 "borderColor": null,
 "borderRadius": "0px",
 "borderRadiusCorners": {
 "topLeft": "0px",
 "topRight": "0px",
 "bottomRight": "0px",
 "bottomLeft": "0px"
 },
 "shadow": "none"
 },
 "buttonPrimary": {
 "background": "#407967",
 "textColor": "#F7F6F5",
 "borderRadius": "10px",
 "borderRadiusCorners": {
 "topLeft": "10px",
 "topRight": "10px",
 "bottomRight": "10px",
 "bottomLeft": "10px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#EEEDEA",
 "textColor": "#292C33",
 "borderColor": "#D5D2CF",
 "borderRadius": "12px",
 "borderRadiusCorners": {
 "topLeft": "12px",
 "topRight": "12px",
 "bottomRight": "12px",
 "bottomLeft": "12px"
 },
 "shadow": "rgba(0, 0, 0, 0.06) 0px 1px 3px 0px"
 }
 },
 "images": {
 "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2229%22%20viewBox%3D%220%200%2038%2035%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M1.02711%2012.6324C2.74395%2012.7648%204.17083%2013.4436%204.98398%2014.6739C5.30598%2015.1611%205.50996%2015.7029%205.60542%2016.281C5.74931%2015.715%205.99837%2015.1941%206.35905%2014.7371C7.27265%2013.5796%208.75122%2013.0232%2010.4731%2013.0354C10.8849%2014.7071%2010.6872%2016.2746%209.7737%2017.4321C8.97297%2018.4465%207.73816%2018.9988%206.28606%2019.1117L5.47718%2019.1052L5.4762%2019.1075L4.68936%2019.0391C3.25173%2018.8047%202.06759%2018.1503%201.35489%2017.072C0.541896%2015.842%200.476317%2014.2636%201.02711%2012.6324Z%22%20fill%3D%22%23292C33%22%20style%3D%22fill%3A%20rgb(41%2C%2044%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M10.4411%205.14604C11.135%203.96974%2011.1208%202.50661%2010.5342%201.02375C8.9523%201.2274%207.66463%201.92256%206.97061%203.099C6.35497%204.14259%206.29722%205.4117%206.70157%206.72027L6.88084%207.19303L7.44957%207.12321C8.76834%206.83842%209.83277%206.17716%2010.4411%205.14604Z%22%20fill%3D%22%23292C33%22%20style%3D%22fill%3A%20rgb(41%2C%2044%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M2.41646%204.78198C4.03549%205.36833%205.22911%206.4037%205.68397%207.80647C5.86408%208.362%205.91585%208.93869%205.85338%209.52124C6.14327%209.01429%206.52245%208.5789%206.99214%208.23487C8.18181%207.36354%209.7553%207.22243%2011.4113%207.69431C11.3615%209.41527%2010.7521%2010.873%209.56253%2011.7442C8.51985%2012.5078%207.18235%2012.7101%205.7529%2012.4308L4.97516%2012.2085L4.9736%2012.2104L4.23364%2011.9343C2.91092%2011.3243%201.9447%2010.3772%201.54603%209.14775C1.09128%207.74516%201.44983%206.20666%202.41646%204.78198Z%22%20fill%3D%22%23292C33%22%20style%3D%22fill%3A%20rgb(41%2C%2044%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1.99161%2021.1846C3.63223%2020.6617%205.20963%2020.7541%206.4257%2021.5883C6.90728%2021.9186%207.30006%2022.344%207.60588%2022.8438C7.52639%2022.2652%207.56129%2021.6889%207.72365%2021.1298C8.13492%2019.7137%209.29573%2018.6421%2010.8958%2018.006C11.906%2019.4001%2012.3123%2020.9269%2011.9011%2022.3429C11.5406%2023.584%2010.6041%2024.5601%209.30099%2025.2107L8.54904%2025.5089L8.54899%2025.5114L7.7942%2025.7439C6.37395%2026.0673%205.03063%2025.9062%203.96478%2025.1751C2.7489%2024.341%202.09461%2022.9031%201.99161%2021.1846Z%22%20fill%3D%22%23292C33%22%20style%3D%22fill%3A%20rgb(41%2C%2044%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M36.3586%2012.6324C34.6418%2012.7648%2033.2149%2013.4436%2032.4018%2014.6739C32.0798%2015.1611%2031.8758%2015.7029%2031.7803%2016.281C31.6364%2015.715%2031.3874%2015.1941%2031.0267%2014.7371C30.1131%2013.5796%2028.6345%2013.0232%2026.9127%2013.0354C26.5008%2014.7071%2026.6986%2016.2746%2027.612%2017.4321C28.4128%2018.4465%2029.6476%2018.9988%2031.0997%2019.1117L31.9086%2019.1052L31.9095%2019.1075L32.6964%2019.0391C34.134%2018.8047%2035.3182%2018.1503%2036.0309%2017.072C36.8438%2015.842%2036.9094%2014.2636%2036.3586%2012.6324Z%22%20fill%3D%22%23292C33%22%20style%3D%22fill%3A%20rgb(41%2C%2044%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M26.9447%205.14604C26.2507%203.96974%2026.2649%202.50661%2026.8516%201.02375C28.4334%201.2274%2029.7211%201.92256%2030.4151%203.099C31.0308%204.14259%2031.0885%205.4117%2030.6842%206.72027L30.5049%207.19303L29.9362%207.12321C28.6174%206.83842%2027.553%206.17716%2026.9447%205.14604Z%22%20fill%3D%22%23292C33%22%20style%3D%22fill%3A%20rgb(41%2C%2044%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M34.9693%204.78198C33.3503%205.36833%2032.1566%206.4037%2031.7018%207.80647C31.5217%208.362%2031.4699%208.93869%2031.5324%209.52124C31.2425%209.01429%2030.8633%208.5789%2030.3936%208.23487C29.2039%207.36354%2027.6304%207.22243%2025.9745%207.69431C26.0243%209.41527%2026.6337%2010.873%2027.8232%2011.7442C28.8659%2012.5078%2030.2034%2012.7101%2031.6328%2012.4308L32.4106%2012.2085L32.4121%2012.2104L33.1521%2011.9343C34.4748%2011.3243%2035.441%2010.3772%2035.8397%209.14775C36.2945%207.74516%2035.9359%206.20666%2034.9693%204.78198Z%22%20fill%3D%22%23292C33%22%20style%3D%22fill%3A%20rgb(41%2C%2044%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M35.3941%2021.1846C33.7535%2020.6617%2032.1761%2020.7541%2030.96%2021.5883C30.4785%2021.9186%2030.0857%2022.344%2029.7799%2022.8438C29.8594%2022.2652%2029.8245%2021.6889%2029.6621%2021.1298C29.2508%2019.7137%2028.09%2018.6421%2026.4899%2018.006C25.4797%2019.4001%2025.0735%2020.9269%2025.4847%2022.3429C25.8452%2023.584%2026.7817%2024.5601%2028.0848%2025.2107L28.8367%2025.5089L28.8367%2025.5114L29.5915%2025.7439C31.0118%2026.0673%2032.3551%2025.9062%2033.421%2025.1751C34.6368%2024.341%2035.2911%2022.9031%2035.3941%2021.1846Z%22%20fill%3D%22%23292C33%22%20style%3D%22fill%3A%20rgb(41%2C%2044%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M23.9586%2020.9385C24.9474%2022.3482%2025.3299%2023.881%2024.8968%2025.2906C24.7258%2025.8471%2024.439%2026.348%2024.0552%2026.7881C24.585%2026.5381%2025.1468%2026.3981%2025.7306%2026.3861C27.205%2026.3559%2028.5746%2027.1438%2029.6594%2028.481C28.6304%2029.8613%2027.2943%2030.7049%2025.8202%2030.7352C24.7896%2030.7563%2023.8108%2030.3769%2022.9443%2029.69C22.6455%2029.4531%2022.2261%2029.4117%2021.911%2029.6264C19.6236%2031.1845%2017.3082%2032.6663%2014.9361%2034.1082C14.6813%2034.2623%2014.3496%2034.1697%2014.2098%2033.9068C13.9733%2033.4622%2013.7367%2033.0176%2013.5002%2032.573C13.3636%2032.3161%2013.4702%2031.9973%2013.7331%2031.8728C16.1684%2030.7106%2018.599%2029.4813%2020.9791%2028.1911C21.2217%2028.0596%2021.309%2027.7548%2021.1739%2027.5142C21.0469%2027.296%2021.0023%2027.1985%2020.9052%2026.9769C20.4423%2025.92%2020.4253%2025.0345%2020.739%2024.0132C21.1721%2022.6038%2022.3491%2021.5498%2023.9586%2020.9385Z%22%20fill%3D%22%23292C33%22%20style%3D%22fill%3A%20rgb(41%2C%2044%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M13.427%2020.9385C15.0365%2021.5498%2016.2139%2022.6038%2016.647%2024.0132C16.9435%2024.9786%2016.8562%2026.0012%2016.4544%2027.0028C16.2898%2027.413%2016.423%2027.8988%2016.8113%2028.1099C19.2387%2029.4298%2021.7199%2030.6864%2024.2059%2031.8728C24.4686%2031.9972%2024.5751%2032.316%2024.4386%2032.5727C24.2021%2033.0174%2023.9656%2033.4621%2023.7292%2033.9068C23.5893%2034.1697%2023.2577%2034.2623%2023.0029%2034.1082C20.4366%2032.5482%2017.9363%2030.942%2015.4665%2029.2424C15.2838%2029.1167%2015.0369%2029.1411%2014.8829%2029.3007C14.7955%2029.3943%2014.6942%2029.4815%2014.5902%2029.5694C13.6877%2030.3326%2012.6551%2030.7575%2011.5654%2030.7352C10.0913%2030.7048%208.75551%2029.8613%207.72656%2028.481C8.81134%2027.1438%2010.1811%2026.3559%2011.6554%2026.3861C12.2392%2026.3982%2012.801%2026.5381%2013.3308%2026.7881C12.9469%2026.348%2012.6598%2025.8471%2012.4888%2025.2906C12.0557%2023.881%2012.4382%2022.3482%2013.427%2020.9385Z%22%20fill%3D%22%23292C33%22%20style%3D%22fill%3A%20rgb(41%2C%2044%2C%2051)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
 "favicon": "https://www.designarena.ai/design-arena.png",
 "ogImage": "https://designarena.ai/api/og",
 "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 'Design Arena'.",
 "confidence": 0.9,
 "source": "llm"
},
"__llm_button_reasoning": {
 "primary": {
 "index": 0,
 "text": "Get Started",
 "reasoning": "Button #0 with text 'Get Started' uses the vibrant brand color #407967, making it the most prominent call-to-action on the page."
 },
 "secondary": {
 "index": 1,
 "text": "Data Visualization",
 "reasoning": "Button #1 'Data Visualization' uses a different color group (#EEEDEA) and serves as a secondary action, likely for exploring features."
 },
 "confidence": 0.95
},
"personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "design professionals and tech enthusiasts"
},
"designSystem": {
 "framework": "tailwind",
 "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 'Design Arena'.",
 "confidence": 0.9
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
}
}