{ "name": "Boxo", "slug": "boxo", "domain": "https://www.boxo.io/?ref=startups.gallery", "sources": [ "startups_gallery" ], "branding": { "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 } } }, "images": [ { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/boxo/1b66f43389.webp", "alt": "Boxo Had a Blast in Money 20/20 Asia", "source_url": "https://www.boxo.io/blog/money-2020-asia-2024", "image_url": "https://framerusercontent.com/images/Gyh7xE0Vpuw2BO5vp9GFLIaZkQ.jpg?width=6000&height=4000", "width": 6000, "height": 4000, "bytes": 3195964, "query": "site:boxo.io/?ref=startups.gallery", "query_suffix": "site:boxo.io/?ref=startups.gallery" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/boxo/e2f63756fa.webp", "alt": "Super App News & Blog | Boxo", "source_url": "https://www.boxo.io/blog", "image_url": "https://framerusercontent.com/images/aL9F39or3kKP79RuXFBRk39D00.png?width=3840&height=2160", "width": 3840, "height": 2160, "bytes": 368493, "query": "site:boxo.io/?ref=startups.gallery blog", "query_suffix": "site:boxo.io/?ref=startups.gallery blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/boxo/dbf81b99d9.webp", "alt": "Indian Railways to Launch Comprehensive 'Super App' for Commuters", "source_url": "https://www.boxo.io/blog/top-super-app-stories-week-2-of-april-2024", "image_url": "https://framerusercontent.com/images/CvaYy6q9U8kCJ4ceWRM6Q7grr1M.png?width=6051&height=3375", "width": 6051, "height": 3375, "bytes": 1307111, "query": "site:boxo.io/?ref=startups.gallery", "query_suffix": "site:boxo.io/?ref=startups.gallery" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/boxo/6f45a30fae.webp", "alt": "Super App News & Blog | Boxo", "source_url": "https://www.boxo.io/blog", "image_url": "https://framerusercontent.com/images/eCl4low5okoDEw5IrElgubh86k.jpg?width=3600&height=1881", "width": 3600, "height": 1881, "bytes": 58919, "query": "site:boxo.io/?ref=startups.gallery blog", "query_suffix": "site:boxo.io/?ref=startups.gallery blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/boxo/cdf6e380e0.webp", "alt": "What is a White Label Marketplace?", "source_url": "https://www.boxo.io/blog/what-is-a-white-label-marketplace", "image_url": "https://framerusercontent.com/images/fIYCp0R0ICrHP3fsvKvRmm4bB0c.png?width=5040&height=3023", "width": 5040, "height": 3023, "bytes": 354458, "query": "site:boxo.io/?ref=startups.gallery", "query_suffix": "site:boxo.io/?ref=startups.gallery" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/boxo/7f4289f49d.webp", "alt": "Super App News & Blog | Boxo", "source_url": "https://www.boxo.io/blog", "image_url": "https://framerusercontent.com/images/LHGWxAyjSr0ojCUUO5aqzWZOASs.png", "width": 3600, "height": 1890, "bytes": 20023, "query": "site:boxo.io/?ref=startups.gallery blog", "query_suffix": "site:boxo.io/?ref=startups.gallery blog" } ], "font_resources": [ { "family": "SF Pro Text", "google_fonts_url": "https://fonts.google.com/specimen/SF+Pro+Text" }, { "family": "SF Pro Display", "google_fonts_url": "https://fonts.google.com/specimen/SF+Pro+Display" } ], "google_fonts_css": "https://fonts.googleapis.com/css2?family=SF+Pro+Text&family=SF+Pro+Display&display=swap", "font_download_note": "Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.", "page_url": "https://characterquilt.com/branding/boxo", "agent_instructions": "You are designing or implementing in Boxo's brand identity.\n\n# Brand profile\n- Company: Boxo\n- Source: https://www.boxo.io/?ref=startups.gallery\n- Color scheme: light\n\n# Colors\n- primary: #0000EE\n- secondary: #D7D4F0\n- accent: #171717\n- background: #F9F9F9\n- textPrimary: #171717\n- link: #1877F2\n\n# Typography\n- primary: SF Pro Text — https://fonts.google.com/specimen/SF+Pro+Text\n- heading: SF Pro Display — https://fonts.google.com/specimen/SF+Pro+Display\n\nLoad all fonts at once: \n\n# UI Components\n- 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\n- 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\n\n# Brand voice\n- Tone: modern\n- Energy: medium\n- Audience: tech-savvy professionals\n\n# Working with these fonts\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n# Full machine-readable profile\nhttps://characterquilt.com/branding/boxo.json", "page_markdown": "# Boxo Brand Identity\n\nA 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.\n\n- Page: https://characterquilt.com/branding/boxo\n- Machine-readable JSON: https://characterquilt.com/branding/boxo.json\n- Per-page llms.txt: https://characterquilt.com/branding/boxo/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #0000EE |\n| Accent | #171717 |\n| Body Font | SF Pro Text |\n| Heading Font | SF Pro Display |\n\n## Color Palette\n\n- primary: #0000EE\n- secondary: #D7D4F0\n- accent: #171717\n- background: #F9F9F9\n- textPrimary: #171717\n- link: #1877F2\n\n## Typography\n\n- primary: SF Pro Text — https://fonts.google.com/specimen/SF+Pro+Text\n- heading: SF Pro Display — https://fonts.google.com/specimen/SF+Pro+Display\n\n## Visual Assets\n\n- 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\n- Favicon: https://framerusercontent.com/images/lDQqbltIP9lhjvjtFk3HmYxakhA.png\n- Social card (og:image): https://framerusercontent.com/assets/LHGWxAyjSr0ojCUUO5aqzWZOASs.png\n\n## UI Components\n\n- 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\n- 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\n\n## Brand Personality\n\nTone: modern · Energy: medium · Audience: tech-savvy professionals\n\n## Boxo Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Boxo Had a Blast in Money 20/20 Asia**\n - Image: https://framerusercontent.com/images/Gyh7xE0Vpuw2BO5vp9GFLIaZkQ.jpg?width=6000&height=4000\n - Source: https://www.boxo.io/blog/money-2020-asia-2024\n- **Super App News & Blog | Boxo**\n - Image: https://framerusercontent.com/images/aL9F39or3kKP79RuXFBRk39D00.png?width=3840&height=2160\n - Source: https://www.boxo.io/blog\n- **Indian Railways to Launch Comprehensive 'Super App' for Commuters**\n - Image: https://framerusercontent.com/images/CvaYy6q9U8kCJ4ceWRM6Q7grr1M.png?width=6051&height=3375\n - Source: https://www.boxo.io/blog/top-super-app-stories-week-2-of-april-2024\n- **Super App News & Blog | Boxo**\n - Image: https://framerusercontent.com/images/eCl4low5okoDEw5IrElgubh86k.jpg?width=3600&height=1881\n - Source: https://www.boxo.io/blog\n- **What is a White Label Marketplace?**\n - Image: https://framerusercontent.com/images/fIYCp0R0ICrHP3fsvKvRmm4bB0c.png?width=5040&height=3023\n - Source: https://www.boxo.io/blog/what-is-a-white-label-marketplace\n- **Super App News & Blog | Boxo**\n - Image: https://framerusercontent.com/images/LHGWxAyjSr0ojCUUO5aqzWZOASs.png\n - Source: https://www.boxo.io/blog\n\n## Working with these fonts\n\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n## Machine-Readable Profile\n\n```json\n{\n \"colorScheme\": \"light\",\n \"fonts\": [\n {\n \"family\": \"SF Pro Text\",\n \"role\": \"body\"\n },\n {\n \"family\": \"SF Pro Display\",\n \"role\": \"heading\"\n }\n ],\n \"colors\": {\n \"primary\": \"#0000EE\",\n \"secondary\": \"#D7D4F0\",\n \"accent\": \"#171717\",\n \"background\": \"#F9F9F9\",\n \"textPrimary\": \"#171717\",\n \"link\": \"#1877F2\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"SF Pro Text\",\n \"heading\": \"SF Pro Display\"\n },\n \"fontStacks\": {\n \"heading\": [\n \".SFNSDisplay-Medium\",\n \"SFProDisplay-Medium\",\n \"SFUIDisplay-Medium\",\n \".SFUIDisplay-Medium\",\n \"SF Pro Display\",\n \"-apple-system\",\n \"BlinkMacSystemFont\",\n \"sans-serif\"\n ],\n \"body\": [\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"DM Sans\",\n \"DM Sans Placeholder\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"64px\",\n \"h2\": \"48px\",\n \"body\": \"14px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 4,\n \"borderRadius\": \"16px\"\n },\n \"components\": {\n \"buttonPrimary\": {\n \"background\": \"#171717\",\n \"textColor\": \"#0000EE\",\n \"borderRadius\": \"32px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"32px\",\n \"topRight\": \"32px\",\n \"bottomRight\": \"32px\",\n \"bottomLeft\": \"32px\"\n },\n \"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\"\n },\n \"buttonSecondary\": {\n \"background\": \"#FFFFFF\",\n \"textColor\": \"#0000EE\",\n \"borderRadius\": \"32px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"32px\",\n \"topRight\": \"32px\",\n \"bottomRight\": \"32px\",\n \"bottomLeft\": \"32px\"\n },\n \"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\"\n }\n },\n \"images\": {\n \"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\",\n \"favicon\": \"https://framerusercontent.com/images/lDQqbltIP9lhjvjtFk3HmYxakhA.png\",\n \"ogImage\": \"https://framerusercontent.com/assets/LHGWxAyjSr0ojCUUO5aqzWZOASs.png\",\n \"logoHref\": \"./\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Boxo'.\",\n \"confidence\": 0.95,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 0,\n \"text\": \"Get Started\",\n \"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.\"\n },\n \"secondary\": {\n \"index\": 11,\n \"text\": \"Read the docs\",\n \"reasoning\": \"Button #2 with text 'Read the docs' has a different background color (#FFFFFF) and serves as a secondary action, providing additional information.\"\n },\n \"confidence\": 0.9\n },\n \"personality\": {\n \"tone\": \"modern\",\n \"energy\": \"medium\",\n \"targetAudience\": \"tech-savvy professionals\"\n },\n \"designSystem\": {\n \"framework\": \"custom\",\n \"componentLibrary\": \"\"\n },\n \"confidence\": {\n \"buttons\": 0.9,\n \"colors\": 0.9,\n \"overall\": 0.9\n },\n \"__llm_metadata\": {\n \"logoSelection\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true,\n \"finalSource\": \"llm\",\n \"rawLogoSelection\": {\n \"selectedLogoIndex\": 0,\n \"selectedLogoReasoning\": \"Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Boxo'.\",\n \"confidence\": 0.95\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n" }