{ "name": "Miro", "slug": "miro", "domain": "https://miro.com/?ref=startups.gallery", "sources": [ "apollo_us_mid", "forbes_cloud_100", "startups_gallery", "topstartups_top_by_valuation" ], "branding": { "colorScheme": "light", "fonts": [ { "family": "Roobert PRO Medium", "role": "heading" }, { "family": "Roobert PRO", "role": "body" }, { "family": "Noto Sans", "role": "body" } ], "colors": { "primary": "#3859FF", "secondary": "#FF9999", "accent": "#3859FF", "background": "#F0F0F0", "textPrimary": "#0000EE", "link": "#0000EE" }, "typography": { "fontFamilies": { "primary": "Roobert PRO", "heading": "Roobert PRO Medium" }, "fontStacks": { "heading": [ "Roobert PRO Medium", "sans-serif" ], "body": [ "sans-serif" ], "paragraph": [ "Noto Sans", "sans-serif" ] }, "fontSizes": { "h1": "56px", "h2": "48px", "body": "22px" } }, "spacing": { "baseUnit": 4, "borderRadius": "4px" }, "components": { "input": { "background": "#FFFFFF", "textColor": "#1C1C1E", "borderColor": "#E9EAEF", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "none" }, "buttonPrimary": { "background": "#3859FF", "textColor": "#0000EE", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "rgb(122, 144, 254) 0px 1px 1px 0px inset" }, "buttonSecondary": { "background": "transparent", "textColor": "#1C1C1E", "borderColor": "#C7CAD5", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22109px%22%20height%3D%2240px%22%20viewBox%3D%220%200%20876%20320%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M663.38%20163.15V233.918H692.37V167.489C692.37%20137.903%20732.643%20137.855%20732.643%20137.855V109.063C732.643%20109.063%20721.383%20109.564%20712.486%20111.566C687.258%20117.24%20663.38%20129.685%20663.38%20163.15Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M444.846%20107.632C456.139%20107.632%20470.25%20114.021%20477.932%20125.259C485.887%20115.039%20498.968%20108.141%20515.131%20107.879C535.663%20107.616%20561.051%20120.395%20561.051%20158.723V233.83H532.054V158.723C532.054%20145.945%20522.814%20136.758%20508.982%20136.758C495.15%20136.758%20485.902%20145.945%20485.902%20158.723V233.83H456.913V158.723C456.913%20145.945%20447.681%20136.758%20433.834%20136.758C419.986%20136.758%20410.491%20145.945%20410.491%20158.723V233.83H380V111.439H410.491V123.733C418.708%20113.775%20430.751%20107.632%20444.862%20107.632H444.846Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M627.716%20112.997V233.919H598.231V112.997H627.716Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M612.97%2093.7575C622.06%2093.7575%20629.43%2086.4245%20629.43%2077.3787C629.43%2068.333%20622.06%2061%20612.97%2061C603.88%2061%20596.511%2068.333%20596.511%2077.3787C596.511%2086.4245%20603.88%2093.7575%20612.97%2093.7575Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M811.369%20107.37C775.672%20107.37%20746.738%20136.162%20746.738%20171.685C746.738%20207.208%20775.672%20236%20811.369%20236C847.067%20236%20876%20207.208%20876%20171.685C876%20136.162%20847.067%20107.37%20811.369%20107.37ZM811.369%20207.081C791.165%20207.081%20774.777%20190.782%20774.777%20170.668C774.777%20150.554%20791.157%20134.255%20811.369%20134.255C831.582%20134.255%20847.961%20150.554%20847.961%20170.668C847.961%20190.782%20831.582%20207.081%20811.369%20207.081Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0%2080C0%2035.8172%2035.8172%200%2080%200H240C284.183%200%20320%2035.8172%20320%2080V240C320%20284.183%20284.183%20320%20240%20320H80C35.8172%20320%200%20284.183%200%20240V80Z%22%20class%3D%22tw%3Afill-miro-yellow%22%20style%3D%22fill%3A%20rgb(253%2C%20224%2C%2080)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M212.744%2061H183.695L207.902%20103.532L154.646%2061H125.598L152.226%20112.985L96.5488%2061H67.5L96.5488%20127.171L67.5%20259.5H96.5488L152.226%20117.718L125.598%20259.5H154.646L207.902%20108.265L183.695%20259.5H212.744L266%2094.0793L212.744%2061Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://framerusercontent.com/images/6FBG66PBxjV2QFaDfIdUi5mi9A.png", "ogImage": "https://framerusercontent.com/assets/Bab0War93Jeq5MpDPwqKFiyI.png", "logoHref": "https://miro.com/index?ref=startups.gallery" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 2, "text": "Explore the solution", "reasoning": "Button #2 has a vibrant brand color (#3859FF) and action-oriented text ('Explore the solution'), making it the primary CTA." }, "secondary": { "index": 1, "text": "Contact sales", "reasoning": "Button #1 has a transparent background with a border, making it a suitable secondary button as it contrasts with the primary button's vibrant color." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "high", "targetAudience": "tech-savvy professionals and businesses" }, "designSystem": { "framework": "tailwind", "componentLibrary": "framer" }, "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 visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } }, "images": [ { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/miro/9876b73d97.webp", "alt": "Free Kanban Templates & Examples | Miro", "source_url": "https://miro.com/templates/kanban/", "image_url": "https://template-metadata-service-static.miro.com/images/templates/4DCI4IIQzpyXYlPZq0WTlh/preview-1704985337337.webp", "width": 5333, "height": 3000, "bytes": 264430, "query": "site:miro.com/?ref=startups.gallery", "query_suffix": "site:miro.com/?ref=startups.gallery" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/miro/1dafd617c5.webp", "alt": "FREE ERD Blogging System Template 2025", "source_url": "https://miro.com/templates/erd-blogging-system/", "image_url": "https://images.ctfassets.net/zqoz8juqulxl/3nE1sOQcMrTpbF9aQiSVBO/6743f63dd27c94845967fa9569ee4573/ERDBloggingSystem-web.png", "width": 1440, "height": 961, "bytes": 66830, "query": "site:miro.com/?ref=startups.gallery blog", "query_suffix": "site:miro.com/?ref=startups.gallery blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/miro/60c5773033.webp", "alt": "Flowchart Loops: A Simple Guide (+ Examples) | MiroBlog", "source_url": "https://miro.com/blog/flowchart-loops-guide/", "image_url": "https://miro.com/blog/wp-content/uploads/2020/11/Generic_laptop.png", "width": 7200, "height": 3780, "bytes": 480490, "query": "site:miro.com/?ref=startups.gallery", "query_suffix": "site:miro.com/?ref=startups.gallery" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/miro/6db7f20ffe.webp", "alt": "Kollaborative Meetings & Workshops, die sich lohnen | Miro", "source_url": "https://miro.com/de/products/engage/", "image_url": "https://images.ctfassets.net/x3tur5ylnyf2/h2z3xdLpw8YIWq3Jncq5q/87bc1cba01adcab46219c35098316dfa/Capture_and_connect_insights.png?fm=webp&q=75", "width": 4788, "height": 2694, "bytes": 464582, "query": "site:miro.com/?ref=startups.gallery", "query_suffix": "site:miro.com/?ref=startups.gallery" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/miro/0ba16aa123.webp", "alt": "What's New Archives | MiroBlog", "source_url": "https://miro.com/blog/updates/whats-new/", "image_url": "https://miro.com/blog/wp-content/uploads/2025/10/Blog-Header-1024x538.png", "width": 1024, "height": 538, "bytes": 108847, "query": "site:miro.com/?ref=startups.gallery blog", "query_suffix": "site:miro.com/?ref=startups.gallery blog" } ], "font_resources": [ { "family": "Roobert PRO", "google_fonts_url": "https://fonts.google.com/specimen/Roobert+PRO" }, { "family": "Roobert PRO Medium", "google_fonts_url": "https://fonts.google.com/specimen/Roobert+PRO+Medium" } ], "google_fonts_css": "https://fonts.googleapis.com/css2?family=Roobert+PRO&family=Roobert+PRO+Medium&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/miro", "agent_instructions": "You are designing or implementing in Miro's brand identity.\n\n# Brand profile\n- Company: Miro\n- Source: https://miro.com/?ref=startups.gallery\n- Color scheme: light\n\n# Colors\n- primary: #3859FF\n- secondary: #FF9999\n- accent: #3859FF\n- background: #F0F0F0\n- textPrimary: #0000EE\n- link: #0000EE\n\n# Typography\n- primary: Roobert PRO — https://fonts.google.com/specimen/Roobert+PRO\n- heading: Roobert PRO Medium — https://fonts.google.com/specimen/Roobert+PRO+Medium\n\nLoad all fonts at once: \n\n# UI Components\n- input: background=#FFFFFF, textColor=#1C1C1E, borderColor=#E9EAEF, borderRadius=8px, shadow=none\n- buttonPrimary: background=#3859FF, textColor=#0000EE, borderRadius=8px, shadow=rgb(122, 144, 254) 0px 1px 1px 0px inset\n- buttonSecondary: background=transparent, textColor=#1C1C1E, borderColor=#C7CAD5, borderRadius=8px, shadow=none\n\n# Brand voice\n- Tone: modern\n- Energy: high\n- Audience: tech-savvy professionals and businesses\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/miro.json", "page_markdown": "# Miro Brand Identity\n\nA complete profile of **Miro**'s visual system — colors, typography, components, and personality — extracted from https://miro.com/?ref=startups.gallery. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/miro\n- Machine-readable JSON: https://characterquilt.com/branding/miro.json\n- Per-page llms.txt: https://characterquilt.com/branding/miro/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #3859FF |\n| Accent | #3859FF |\n| Body Font | Roobert PRO |\n| Heading Font | Roobert PRO Medium |\n\n## Color Palette\n\n- primary: #3859FF\n- secondary: #FF9999\n- accent: #3859FF\n- background: #F0F0F0\n- textPrimary: #0000EE\n- link: #0000EE\n\n## Typography\n\n- primary: Roobert PRO — https://fonts.google.com/specimen/Roobert+PRO\n- heading: Roobert PRO Medium — https://fonts.google.com/specimen/Roobert+PRO+Medium\n\n## Visual Assets\n\n- Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%22109px%22%20height%3D%2240px%22%20viewBox%3D%220%200%20876%20320%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M663.38%20163.15V233.918H692.37V167.489C692.37%20137.903%20732.643%20137.855%20732.643%20137.855V109.063C732.643%20109.063%20721.383%20109.564%20712.486%20111.566C687.258%20117.24%20663.38%20129.685%20663.38%20163.15Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M444.846%20107.632C456.139%20107.632%20470.25%20114.021%20477.932%20125.259C485.887%20115.039%20498.968%20108.141%20515.131%20107.879C535.663%20107.616%20561.051%20120.395%20561.051%20158.723V233.83H532.054V158.723C532.054%20145.945%20522.814%20136.758%20508.982%20136.758C495.15%20136.758%20485.902%20145.945%20485.902%20158.723V233.83H456.913V158.723C456.913%20145.945%20447.681%20136.758%20433.834%20136.758C419.986%20136.758%20410.491%20145.945%20410.491%20158.723V233.83H380V111.439H410.491V123.733C418.708%20113.775%20430.751%20107.632%20444.862%20107.632H444.846Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M627.716%20112.997V233.919H598.231V112.997H627.716Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M612.97%2093.7575C622.06%2093.7575%20629.43%2086.4245%20629.43%2077.3787C629.43%2068.333%20622.06%2061%20612.97%2061C603.88%2061%20596.511%2068.333%20596.511%2077.3787C596.511%2086.4245%20603.88%2093.7575%20612.97%2093.7575Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M811.369%20107.37C775.672%20107.37%20746.738%20136.162%20746.738%20171.685C746.738%20207.208%20775.672%20236%20811.369%20236C847.067%20236%20876%20207.208%20876%20171.685C876%20136.162%20847.067%20107.37%20811.369%20107.37ZM811.369%20207.081C791.165%20207.081%20774.777%20190.782%20774.777%20170.668C774.777%20150.554%20791.157%20134.255%20811.369%20134.255C831.582%20134.255%20847.961%20150.554%20847.961%20170.668C847.961%20190.782%20831.582%20207.081%20811.369%20207.081Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0%2080C0%2035.8172%2035.8172%200%2080%200H240C284.183%200%20320%2035.8172%20320%2080V240C320%20284.183%20284.183%20320%20240%20320H80C35.8172%20320%200%20284.183%200%20240V80Z%22%20class%3D%22tw%3Afill-miro-yellow%22%20style%3D%22fill%3A%20rgb(253%2C%20224%2C%2080)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M212.744%2061H183.695L207.902%20103.532L154.646%2061H125.598L152.226%20112.985L96.5488%2061H67.5L96.5488%20127.171L67.5%20259.5H96.5488L152.226%20117.718L125.598%20259.5H154.646L207.902%20108.265L183.695%20259.5H212.744L266%2094.0793L212.744%2061Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3C%2Fsvg%3E\n- Favicon: https://framerusercontent.com/images/6FBG66PBxjV2QFaDfIdUi5mi9A.png\n- Social card (og:image): https://framerusercontent.com/assets/Bab0War93Jeq5MpDPwqKFiyI.png\n\n## UI Components\n\n- input: background=#FFFFFF, textColor=#1C1C1E, borderColor=#E9EAEF, borderRadius=8px, shadow=none\n- buttonPrimary: background=#3859FF, textColor=#0000EE, borderRadius=8px, shadow=rgb(122, 144, 254) 0px 1px 1px 0px inset\n- buttonSecondary: background=transparent, textColor=#1C1C1E, borderColor=#C7CAD5, borderRadius=8px, shadow=none\n\n## Brand Personality\n\nTone: modern · Energy: high · Audience: tech-savvy professionals and businesses\n\n## Miro Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Free Kanban Templates & Examples | Miro**\n - Image: https://template-metadata-service-static.miro.com/images/templates/4DCI4IIQzpyXYlPZq0WTlh/preview-1704985337337.webp\n - Source: https://miro.com/templates/kanban/\n- **FREE ERD Blogging System Template 2025**\n - Image: https://images.ctfassets.net/zqoz8juqulxl/3nE1sOQcMrTpbF9aQiSVBO/6743f63dd27c94845967fa9569ee4573/ERDBloggingSystem-web.png\n - Source: https://miro.com/templates/erd-blogging-system/\n- **Flowchart Loops: A Simple Guide (+ Examples) | MiroBlog**\n - Image: https://miro.com/blog/wp-content/uploads/2020/11/Generic_laptop.png\n - Source: https://miro.com/blog/flowchart-loops-guide/\n- **Kollaborative Meetings & Workshops, die sich lohnen | Miro**\n - Image: https://images.ctfassets.net/x3tur5ylnyf2/h2z3xdLpw8YIWq3Jncq5q/87bc1cba01adcab46219c35098316dfa/Capture_and_connect_insights.png?fm=webp&q=75\n - Source: https://miro.com/de/products/engage/\n- **What's New Archives | MiroBlog**\n - Image: https://miro.com/blog/wp-content/uploads/2025/10/Blog-Header-1024x538.png\n - Source: https://miro.com/blog/updates/whats-new/\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\": \"Roobert PRO Medium\",\n \"role\": \"heading\"\n },\n {\n \"family\": \"Roobert PRO\",\n \"role\": \"body\"\n },\n {\n \"family\": \"Noto Sans\",\n \"role\": \"body\"\n }\n ],\n \"colors\": {\n \"primary\": \"#3859FF\",\n \"secondary\": \"#FF9999\",\n \"accent\": \"#3859FF\",\n \"background\": \"#F0F0F0\",\n \"textPrimary\": \"#0000EE\",\n \"link\": \"#0000EE\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"Roobert PRO\",\n \"heading\": \"Roobert PRO Medium\"\n },\n \"fontStacks\": {\n \"heading\": [\n \"Roobert PRO Medium\",\n \"sans-serif\"\n ],\n \"body\": [\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"Noto Sans\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"56px\",\n \"h2\": \"48px\",\n \"body\": \"22px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 4,\n \"borderRadius\": \"4px\"\n },\n \"components\": {\n \"input\": {\n \"background\": \"#FFFFFF\",\n \"textColor\": \"#1C1C1E\",\n \"borderColor\": \"#E9EAEF\",\n \"borderRadius\": \"8px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"8px\",\n \"topRight\": \"8px\",\n \"bottomRight\": \"8px\",\n \"bottomLeft\": \"8px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonPrimary\": {\n \"background\": \"#3859FF\",\n \"textColor\": \"#0000EE\",\n \"borderRadius\": \"8px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"8px\",\n \"topRight\": \"8px\",\n \"bottomRight\": \"8px\",\n \"bottomLeft\": \"8px\"\n },\n \"shadow\": \"rgb(122, 144, 254) 0px 1px 1px 0px inset\"\n },\n \"buttonSecondary\": {\n \"background\": \"transparent\",\n \"textColor\": \"#1C1C1E\",\n \"borderColor\": \"#C7CAD5\",\n \"borderRadius\": \"8px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"8px\",\n \"topRight\": \"8px\",\n \"bottomRight\": \"8px\",\n \"bottomLeft\": \"8px\"\n },\n \"shadow\": \"none\"\n }\n },\n \"images\": {\n \"logo\": \"data:image/svg+xml;utf8,%3Csvg%20width%3D%22109px%22%20height%3D%2240px%22%20viewBox%3D%220%200%20876%20320%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M663.38%20163.15V233.918H692.37V167.489C692.37%20137.903%20732.643%20137.855%20732.643%20137.855V109.063C732.643%20109.063%20721.383%20109.564%20712.486%20111.566C687.258%20117.24%20663.38%20129.685%20663.38%20163.15Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M444.846%20107.632C456.139%20107.632%20470.25%20114.021%20477.932%20125.259C485.887%20115.039%20498.968%20108.141%20515.131%20107.879C535.663%20107.616%20561.051%20120.395%20561.051%20158.723V233.83H532.054V158.723C532.054%20145.945%20522.814%20136.758%20508.982%20136.758C495.15%20136.758%20485.902%20145.945%20485.902%20158.723V233.83H456.913V158.723C456.913%20145.945%20447.681%20136.758%20433.834%20136.758C419.986%20136.758%20410.491%20145.945%20410.491%20158.723V233.83H380V111.439H410.491V123.733C418.708%20113.775%20430.751%20107.632%20444.862%20107.632H444.846Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M627.716%20112.997V233.919H598.231V112.997H627.716Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M612.97%2093.7575C622.06%2093.7575%20629.43%2086.4245%20629.43%2077.3787C629.43%2068.333%20622.06%2061%20612.97%2061C603.88%2061%20596.511%2068.333%20596.511%2077.3787C596.511%2086.4245%20603.88%2093.7575%20612.97%2093.7575Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M811.369%20107.37C775.672%20107.37%20746.738%20136.162%20746.738%20171.685C746.738%20207.208%20775.672%20236%20811.369%20236C847.067%20236%20876%20207.208%20876%20171.685C876%20136.162%20847.067%20107.37%20811.369%20107.37ZM811.369%20207.081C791.165%20207.081%20774.777%20190.782%20774.777%20170.668C774.777%20150.554%20791.157%20134.255%20811.369%20134.255C831.582%20134.255%20847.961%20150.554%20847.961%20170.668C847.961%20190.782%20831.582%20207.081%20811.369%20207.081Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0%2080C0%2035.8172%2035.8172%200%2080%200H240C284.183%200%20320%2035.8172%20320%2080V240C320%20284.183%20284.183%20320%20240%20320H80C35.8172%20320%200%20284.183%200%20240V80Z%22%20class%3D%22tw%3Afill-miro-yellow%22%20style%3D%22fill%3A%20rgb(253%2C%20224%2C%2080)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M212.744%2061H183.695L207.902%20103.532L154.646%2061H125.598L152.226%20112.985L96.5488%2061H67.5L96.5488%20127.171L67.5%20259.5H96.5488L152.226%20117.718L125.598%20259.5H154.646L207.902%20108.265L183.695%20259.5H212.744L266%2094.0793L212.744%2061Z%22%20class%3D%22tw%3Afill-primary%22%20style%3D%22fill%3A%20rgb(28%2C%2028%2C%2030)%20!important%3B%22%2F%3E%3C%2Fsvg%3E\",\n \"favicon\": \"https://framerusercontent.com/images/6FBG66PBxjV2QFaDfIdUi5mi9A.png\",\n \"ogImage\": \"https://framerusercontent.com/assets/Bab0War93Jeq5MpDPwqKFiyI.png\",\n \"logoHref\": \"https://miro.com/index?ref=startups.gallery\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.\",\n \"confidence\": 0.9,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 2,\n \"text\": \"Explore the solution\",\n \"reasoning\": \"Button #2 has a vibrant brand color (#3859FF) and action-oriented text ('Explore the solution'), making it the primary CTA.\"\n },\n \"secondary\": {\n \"index\": 1,\n \"text\": \"Contact sales\",\n \"reasoning\": \"Button #1 has a transparent background with a border, making it a suitable secondary button as it contrasts with the primary button's vibrant color.\"\n },\n \"confidence\": 0.95\n },\n \"personality\": {\n \"tone\": \"modern\",\n \"energy\": \"high\",\n \"targetAudience\": \"tech-savvy professionals and businesses\"\n },\n \"designSystem\": {\n \"framework\": \"tailwind\",\n \"componentLibrary\": \"framer\"\n },\n \"confidence\": {\n \"buttons\": 0.95,\n \"colors\": 0.9,\n \"overall\": 0.925\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, links to the homepage, and matches the brand inferred from the URL and page title.\",\n \"confidence\": 0.9\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n" }