# Boxo Brand Identity A complete profile of **Boxo**'s visual system — colors, typography, components, and personality — extracted from https://www.boxo.io/?ref=startups.gallery. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/boxo - Machine-readable JSON: https://characterquilt.com/branding/boxo.json - Per-page llms.txt: https://characterquilt.com/branding/boxo/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #0000EE | | Accent | #171717 | | Body Font | SF Pro Text | | Heading Font | SF Pro Display | ## Color Palette - primary: #0000EE - secondary: #D7D4F0 - accent: #171717 - background: #F9F9F9 - textPrimary: #171717 - link: #1877F2 ## Typography - primary: SF Pro Text — https://fonts.google.com/specimen/SF+Pro+Text - heading: SF Pro Display — https://fonts.google.com/specimen/SF+Pro+Display ## 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%20160%2037%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%22160%22%20height%3D%2237%22%20fill%3D%22none%22%20id%3D%22svg1520071278_4396%22%3E%3Cpath%20d%3D%22M143.588%2025.823c-1.407%200-2.687-.192-3.839-.576-1.151-.398-2.146-.946-2.985-1.642a7.786%207.786%200%200%201-1.962-2.474%206.897%206.897%200%200%201-.683-3.05c0-1.094.228-2.11.683-3.05a7.556%207.556%200%200%201%201.962-2.452c.853-.71%201.848-1.258%202.985-1.642%201.152-.398%202.424-.597%203.818-.597%201.379%200%202.644.2%203.796.597%201.151.384%202.146.931%202.985%201.642a7.312%207.312%200%200%201%201.941%202.453c.469.938.704%201.955.704%203.05a6.726%206.726%200%200%201-.704%203.049%207.53%207.53%200%200%201-1.941%202.474c-.839.696-1.834%201.244-2.985%201.642-1.152.384-2.41.576-3.775.576Zm-.021-3.413c.839%200%201.606-.106%202.303-.32.711-.227%201.322-.532%201.834-.916.512-.398.903-.86%201.173-1.386a3.535%203.535%200%200%200%20.426-1.707c0-.61-.142-1.18-.426-1.706a3.96%203.96%200%200%200-1.173-1.364c-.512-.399-1.123-.704-1.834-.917-.697-.228-1.464-.342-2.303-.342s-1.614.114-2.325.341a5.847%205.847%200%200%200-1.834.918%203.96%203.96%200%200%200-1.173%201.364%203.682%203.682%200%200%200-.405%201.706c0%20.612.135%201.18.405%201.707.27.526.661.988%201.173%201.386a6.51%206.51%200%200%200%201.834.917c.711.213%201.486.32%202.325.32Z%22%20fill%3D%22url(%23svg1520071278_4396_a)%22%2F%3E%3Cpath%20d%3D%22m125.093%2025.61-5.929-6.74-7.4-8.189h4.628l5.694%206.462%207.656%208.466h-4.649Zm-13.435%200%207.101-8.126%202.794%201.685-5.396%206.44h-4.499Zm10.94-6.931-2.751-1.621%205.139-6.377h4.521l-6.909%207.998Z%22%20fill%3D%22url(%23svg1520071278_4396_b)%22%2F%3E%3Cpath%20d%3D%22M97.867%2025.823c-1.408%200-2.687-.192-3.839-.576-1.152-.398-2.147-.946-2.986-1.642a7.792%207.792%200%200%201-1.962-2.474%206.898%206.898%200%200%201-.682-3.05c0-1.094.228-2.11.682-3.05a7.561%207.561%200%200%201%201.962-2.452c.853-.71%201.849-1.258%202.986-1.642%201.152-.398%202.424-.597%203.817-.597%201.38%200%202.645.2%203.796.597%201.152.384%202.147.931%202.986%201.642a7.312%207.312%200%200%201%201.941%202.453c.469.938.703%201.955.703%203.05a6.725%206.725%200%200%201-.703%203.049%207.53%207.53%200%200%201-1.941%202.474c-.839.696-1.834%201.244-2.986%201.642-1.151.384-2.41.576-3.774.576Zm-.022-3.413a7.85%207.85%200%200%200%202.304-.32c.71-.227%201.322-.532%201.834-.916.511-.398.902-.86%201.172-1.386a3.525%203.525%200%200%200%20.427-1.707c0-.61-.142-1.18-.427-1.706a3.967%203.967%200%200%200-1.172-1.364c-.512-.399-1.124-.704-1.834-.917-.697-.228-1.465-.342-2.304-.342a7.59%207.59%200%200%200-2.324.341%205.842%205.842%200%200%200-1.834.918%203.962%203.962%200%200%200-1.173%201.364%203.681%203.681%200%200%200-.405%201.706c0%20.612.135%201.18.405%201.707.27.526.661.988%201.173%201.386.526.384%201.137.69%201.834.917.71.213%201.486.32%202.324.32Z%22%20fill%3D%22url(%23svg1520071278_4396_c)%22%2F%3E%3Cpath%20d%3D%22M66.739%2025.61V10.681h8.508c1.308%200%202.41.149%203.306.447.91.299%201.592.718%202.047%201.258.455.54.683%201.195.683%201.963%200%20.824-.25%201.535-.747%202.132-.497.583-1.25.988-2.26%201.216l.106-.384a6.49%206.49%200%200%201%201.792.682%203.644%203.644%200%200%201%201.365%201.216c.355.512.533%201.137.533%201.877%200%20.91-.192%201.656-.576%202.239a4.177%204.177%200%200%201-1.514%201.386%207.415%207.415%200%200%201-2.047.704c-.725.128-1.436.192-2.133.192h-9.064Zm3.412-3.029h5.736c.498%200%20.939-.057%201.323-.17.398-.114.71-.292.938-.534.242-.255.362-.575.362-.96%200-.44-.149-.774-.448-1.002a2.465%202.465%200%200%200-1.087-.49c-.427-.1-.825-.15-1.194-.15h-5.63v3.306Zm0-6.035h5.14c.468%200%20.88-.057%201.236-.17.37-.114.654-.278.853-.491.213-.213.32-.483.32-.81%200-.498-.249-.846-.746-1.045-.484-.214-1.08-.32-1.792-.32h-5.011v2.836Z%22%20fill%3D%22url(%23svg1520071278_4396_d)%22%2F%3E%3Cpath%20d%3D%22M7.007%2029.13h12.011c1.007%200%201.94-.524%202.464-1.384L34.108%207.007H22.173a2.884%202.884%200%200%200-2.46%201.378L7.008%2029.13Z%22%20fill%3D%22url(%23svg1520071278_4396_e)%22%2F%3E%3Cpath%20d%3D%22M26.365%2029.13h12.01a2.883%202.883%200%200%200%202.464-1.384L53.465%207.007H41.531a2.884%202.884%200%200%200-2.46%201.378L26.365%2029.13Z%22%20fill%3D%22url(%23svg1520071278_4396_f)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_a%22%20x1%3D%22109.866%22%20y1%3D%2210.34%22%20x2%3D%22109.866%22%20y2%3D%2225.823%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_b%22%20x1%3D%22109.866%22%20y1%3D%2210.34%22%20x2%3D%22109.866%22%20y2%3D%2225.823%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_c%22%20x1%3D%22109.866%22%20y1%3D%2210.34%22%20x2%3D%22109.866%22%20y2%3D%2225.823%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_d%22%20x1%3D%22109.866%22%20y1%3D%2210.34%22%20x2%3D%22109.866%22%20y2%3D%2225.823%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_e%22%20x1%3D%2230.236%22%20y1%3D%227.007%22%20x2%3D%2230.236%22%20y2%3D%2229.13%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_f%22%20x1%3D%2230.236%22%20y1%3D%227.007%22%20x2%3D%2230.236%22%20y2%3D%2229.13%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%3C%2Fsvg%3E - Favicon: https://framerusercontent.com/images/lDQqbltIP9lhjvjtFk3HmYxakhA.png - Social card (og:image): https://framerusercontent.com/assets/LHGWxAyjSr0ojCUUO5aqzWZOASs.png ## UI Components - buttonPrimary: background=#171717, textColor=#0000EE, borderRadius=32px, shadow=rgba(0, 0, 0, 0.18) 0px 0.602187px 0.602187px -1.25px, rgba(0, 0, 0, 0.16) 0px 2.28853px 2.28853px -2.5px, rgba(0, 0, 0, 0.06) 0px 10px 10px -3.75px - buttonSecondary: background=#FFFFFF, textColor=#0000EE, borderRadius=32px, shadow=rgba(0, 0, 0, 0.18) 0px 0.602187px 0.602187px -1.25px, rgba(0, 0, 0, 0.16) 0px 2.28853px 2.28853px -2.5px, rgba(0, 0, 0, 0.06) 0px 10px 10px -3.75px ## Brand Personality Tone: modern · Energy: medium · Audience: tech-savvy professionals ## Boxo Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Boxo Had a Blast in Money 20/20 Asia** - Image: https://framerusercontent.com/images/Gyh7xE0Vpuw2BO5vp9GFLIaZkQ.jpg?width=6000&height=4000 - Source: https://www.boxo.io/blog/money-2020-asia-2024 - **Super App News & Blog | Boxo** - Image: https://framerusercontent.com/images/aL9F39or3kKP79RuXFBRk39D00.png?width=3840&height=2160 - Source: https://www.boxo.io/blog - **Indian Railways to Launch Comprehensive 'Super App' for Commuters** - Image: https://framerusercontent.com/images/CvaYy6q9U8kCJ4ceWRM6Q7grr1M.png?width=6051&height=3375 - Source: https://www.boxo.io/blog/top-super-app-stories-week-2-of-april-2024 - **Super App News & Blog | Boxo** - Image: https://framerusercontent.com/images/eCl4low5okoDEw5IrElgubh86k.jpg?width=3600&height=1881 - Source: https://www.boxo.io/blog - **What is a White Label Marketplace?** - Image: https://framerusercontent.com/images/fIYCp0R0ICrHP3fsvKvRmm4bB0c.png?width=5040&height=3023 - Source: https://www.boxo.io/blog/what-is-a-white-label-marketplace - **Super App News & Blog | Boxo** - Image: https://framerusercontent.com/images/LHGWxAyjSr0ojCUUO5aqzWZOASs.png - Source: https://www.boxo.io/blog ## 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": "SF Pro Text", "role": "body" }, { "family": "SF Pro Display", "role": "heading" } ], "colors": { "primary": "#0000EE", "secondary": "#D7D4F0", "accent": "#171717", "background": "#F9F9F9", "textPrimary": "#171717", "link": "#1877F2" }, "typography": { "fontFamilies": { "primary": "SF Pro Text", "heading": "SF Pro Display" }, "fontStacks": { "heading": [ ".SFNSDisplay-Medium", "SFProDisplay-Medium", "SFUIDisplay-Medium", ".SFUIDisplay-Medium", "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "sans-serif" ], "body": [ "sans-serif" ], "paragraph": [ "DM Sans", "DM Sans Placeholder", "sans-serif" ] }, "fontSizes": { "h1": "64px", "h2": "48px", "body": "14px" } }, "spacing": { "baseUnit": 4, "borderRadius": "16px" }, "components": { "buttonPrimary": { "background": "#171717", "textColor": "#0000EE", "borderRadius": "32px", "borderRadiusCorners": { "topLeft": "32px", "topRight": "32px", "bottomRight": "32px", "bottomLeft": "32px" }, "shadow": "rgba(0, 0, 0, 0.18) 0px 0.602187px 0.602187px -1.25px, rgba(0, 0, 0, 0.16) 0px 2.28853px 2.28853px -2.5px, rgba(0, 0, 0, 0.06) 0px 10px 10px -3.75px" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#0000EE", "borderRadius": "32px", "borderRadiusCorners": { "topLeft": "32px", "topRight": "32px", "bottomRight": "32px", "bottomLeft": "32px" }, "shadow": "rgba(0, 0, 0, 0.18) 0px 0.602187px 0.602187px -1.25px, rgba(0, 0, 0, 0.16) 0px 2.28853px 2.28853px -2.5px, rgba(0, 0, 0, 0.06) 0px 10px 10px -3.75px" } }, "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%20160%2037%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%22160%22%20height%3D%2237%22%20fill%3D%22none%22%20id%3D%22svg1520071278_4396%22%3E%3Cpath%20d%3D%22M143.588%2025.823c-1.407%200-2.687-.192-3.839-.576-1.151-.398-2.146-.946-2.985-1.642a7.786%207.786%200%200%201-1.962-2.474%206.897%206.897%200%200%201-.683-3.05c0-1.094.228-2.11.683-3.05a7.556%207.556%200%200%201%201.962-2.452c.853-.71%201.848-1.258%202.985-1.642%201.152-.398%202.424-.597%203.818-.597%201.379%200%202.644.2%203.796.597%201.151.384%202.146.931%202.985%201.642a7.312%207.312%200%200%201%201.941%202.453c.469.938.704%201.955.704%203.05a6.726%206.726%200%200%201-.704%203.049%207.53%207.53%200%200%201-1.941%202.474c-.839.696-1.834%201.244-2.985%201.642-1.152.384-2.41.576-3.775.576Zm-.021-3.413c.839%200%201.606-.106%202.303-.32.711-.227%201.322-.532%201.834-.916.512-.398.903-.86%201.173-1.386a3.535%203.535%200%200%200%20.426-1.707c0-.61-.142-1.18-.426-1.706a3.96%203.96%200%200%200-1.173-1.364c-.512-.399-1.123-.704-1.834-.917-.697-.228-1.464-.342-2.303-.342s-1.614.114-2.325.341a5.847%205.847%200%200%200-1.834.918%203.96%203.96%200%200%200-1.173%201.364%203.682%203.682%200%200%200-.405%201.706c0%20.612.135%201.18.405%201.707.27.526.661.988%201.173%201.386a6.51%206.51%200%200%200%201.834.917c.711.213%201.486.32%202.325.32Z%22%20fill%3D%22url(%23svg1520071278_4396_a)%22%2F%3E%3Cpath%20d%3D%22m125.093%2025.61-5.929-6.74-7.4-8.189h4.628l5.694%206.462%207.656%208.466h-4.649Zm-13.435%200%207.101-8.126%202.794%201.685-5.396%206.44h-4.499Zm10.94-6.931-2.751-1.621%205.139-6.377h4.521l-6.909%207.998Z%22%20fill%3D%22url(%23svg1520071278_4396_b)%22%2F%3E%3Cpath%20d%3D%22M97.867%2025.823c-1.408%200-2.687-.192-3.839-.576-1.152-.398-2.147-.946-2.986-1.642a7.792%207.792%200%200%201-1.962-2.474%206.898%206.898%200%200%201-.682-3.05c0-1.094.228-2.11.682-3.05a7.561%207.561%200%200%201%201.962-2.452c.853-.71%201.849-1.258%202.986-1.642%201.152-.398%202.424-.597%203.817-.597%201.38%200%202.645.2%203.796.597%201.152.384%202.147.931%202.986%201.642a7.312%207.312%200%200%201%201.941%202.453c.469.938.703%201.955.703%203.05a6.725%206.725%200%200%201-.703%203.049%207.53%207.53%200%200%201-1.941%202.474c-.839.696-1.834%201.244-2.986%201.642-1.151.384-2.41.576-3.774.576Zm-.022-3.413a7.85%207.85%200%200%200%202.304-.32c.71-.227%201.322-.532%201.834-.916.511-.398.902-.86%201.172-1.386a3.525%203.525%200%200%200%20.427-1.707c0-.61-.142-1.18-.427-1.706a3.967%203.967%200%200%200-1.172-1.364c-.512-.399-1.124-.704-1.834-.917-.697-.228-1.465-.342-2.304-.342a7.59%207.59%200%200%200-2.324.341%205.842%205.842%200%200%200-1.834.918%203.962%203.962%200%200%200-1.173%201.364%203.681%203.681%200%200%200-.405%201.706c0%20.612.135%201.18.405%201.707.27.526.661.988%201.173%201.386.526.384%201.137.69%201.834.917.71.213%201.486.32%202.324.32Z%22%20fill%3D%22url(%23svg1520071278_4396_c)%22%2F%3E%3Cpath%20d%3D%22M66.739%2025.61V10.681h8.508c1.308%200%202.41.149%203.306.447.91.299%201.592.718%202.047%201.258.455.54.683%201.195.683%201.963%200%20.824-.25%201.535-.747%202.132-.497.583-1.25.988-2.26%201.216l.106-.384a6.49%206.49%200%200%201%201.792.682%203.644%203.644%200%200%201%201.365%201.216c.355.512.533%201.137.533%201.877%200%20.91-.192%201.656-.576%202.239a4.177%204.177%200%200%201-1.514%201.386%207.415%207.415%200%200%201-2.047.704c-.725.128-1.436.192-2.133.192h-9.064Zm3.412-3.029h5.736c.498%200%20.939-.057%201.323-.17.398-.114.71-.292.938-.534.242-.255.362-.575.362-.96%200-.44-.149-.774-.448-1.002a2.465%202.465%200%200%200-1.087-.49c-.427-.1-.825-.15-1.194-.15h-5.63v3.306Zm0-6.035h5.14c.468%200%20.88-.057%201.236-.17.37-.114.654-.278.853-.491.213-.213.32-.483.32-.81%200-.498-.249-.846-.746-1.045-.484-.214-1.08-.32-1.792-.32h-5.011v2.836Z%22%20fill%3D%22url(%23svg1520071278_4396_d)%22%2F%3E%3Cpath%20d%3D%22M7.007%2029.13h12.011c1.007%200%201.94-.524%202.464-1.384L34.108%207.007H22.173a2.884%202.884%200%200%200-2.46%201.378L7.008%2029.13Z%22%20fill%3D%22url(%23svg1520071278_4396_e)%22%2F%3E%3Cpath%20d%3D%22M26.365%2029.13h12.01a2.883%202.883%200%200%200%202.464-1.384L53.465%207.007H41.531a2.884%202.884%200%200%200-2.46%201.378L26.365%2029.13Z%22%20fill%3D%22url(%23svg1520071278_4396_f)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_a%22%20x1%3D%22109.866%22%20y1%3D%2210.34%22%20x2%3D%22109.866%22%20y2%3D%2225.823%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_b%22%20x1%3D%22109.866%22%20y1%3D%2210.34%22%20x2%3D%22109.866%22%20y2%3D%2225.823%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_c%22%20x1%3D%22109.866%22%20y1%3D%2210.34%22%20x2%3D%22109.866%22%20y2%3D%2225.823%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_d%22%20x1%3D%22109.866%22%20y1%3D%2210.34%22%20x2%3D%22109.866%22%20y2%3D%2225.823%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_e%22%20x1%3D%2230.236%22%20y1%3D%227.007%22%20x2%3D%2230.236%22%20y2%3D%2229.13%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svg1520071278_4396_f%22%20x1%3D%2230.236%22%20y1%3D%227.007%22%20x2%3D%2230.236%22%20y2%3D%2229.13%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.455%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235C5C5C%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%3C%2Fsvg%3E", "favicon": "https://framerusercontent.com/images/lDQqbltIP9lhjvjtFk3HmYxakhA.png", "ogImage": "https://framerusercontent.com/assets/LHGWxAyjSr0ojCUUO5aqzWZOASs.png", "logoHref": "./" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Boxo'.", "confidence": 0.95, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Get Started", "reasoning": "Button #0 with text 'Get Started' has a dark background (#171717) and is likely the primary CTA due to its prominent placement and action-oriented text." }, "secondary": { "index": 11, "text": "Read the docs", "reasoning": "Button #2 with text 'Read the docs' has a different background color (#FFFFFF) and serves as a secondary action, providing additional information." }, "confidence": 0.9 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy professionals" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.9, "colors": 0.9, "overall": 0.9 }, "__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, matching the brand 'Boxo'.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```