{ "name": "Attio", "slug": "attio", "domain": "https://attio.com/", "sources": [ "startups_gallery" ], "branding": { "colorScheme": "light", "fonts": [ { "family": "Inter", "role": "body" }, { "family": "Inter Display", "role": "heading" } ], "colors": { "primary": "#B5BDC9", "secondary": "#A4ADBA", "accent": "#202124", "background": "#FFFFFF", "textPrimary": "#2E3238", "link": "#6F7988" }, "typography": { "fontFamilies": { "primary": "Inter", "heading": "Inter Display" }, "fontStacks": { "heading": [ "Inter" ], "body": [ "Inter" ], "paragraph": [ "Inter" ] }, "fontSizes": { "h1": "64px", "h2": "12px", "body": "12px" } }, "spacing": { "baseUnit": 8, "borderRadius": "10px" }, "components": { "buttonPrimary": { "background": "#202124", "textColor": "#F3F4F6", "borderColor": "#505967", "borderRadius": "10px", "borderRadiusCorners": { "topLeft": "10px", "topRight": "10px", "bottomRight": "10px", "bottomLeft": "10px" }, "shadow": "none" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#2E3238", "borderColor": "#CAD0D9", "borderRadius": "10px", "borderRadiusCorners": { "topLeft": "10px", "topRight": "10px", "bottomRight": "10px", "bottomLeft": "10px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22103%22%20height%3D%2226%22%20viewBox%3D%220%200%20103%2026%22%20fill%3D%22none%22%20class%3D%22mb-1%20h-6%20text-primary-foreground%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M84.2267%201.03809H79.9922V5.27257H84.2267V1.03809Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M67.7423%2011.9094H64.0236V18.7905C64.0236%2019.364%2064.1661%2019.7836%2064.4529%2020.0473C64.7396%2020.3129%2065.1592%2020.4669%2065.7097%2020.5112C66.2602%2020.5324%2066.9454%2020.5227%2067.7615%2020.4785V24.3492C64.8725%2024.6802%2062.811%2024.4146%2061.5753%2023.5562C60.3627%2022.6746%2059.7564%2021.0867%2059.7564%2018.7924V11.9113H56.8789V7.80774H59.7564V4.46635L64.0236%203.17676V7.80967H70.6198V4.46828L74.887%203.17868V7.81159H78.6249V11.9152H74.887V18.7962C74.887%2019.3698%2075.0294%2019.7894%2075.3162%2020.0531C75.603%2020.3187%2076.0226%2020.4727%2076.5731%2020.517C77.1236%2020.5381%2077.8088%2020.5285%2078.623%2020.4842V24.3549C75.7339%2024.686%2073.6725%2024.4204%2072.4368%2023.5619C71.2242%2022.6804%2070.6179%2021.0925%2070.6179%2018.7981V11.9171H67.7404L67.7423%2011.9094Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M84.2477%207.80371H79.9805V24.3471H84.2477V7.80371Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M94.3015%207.375C89.4973%207.375%2085.6016%2011.2707%2085.6016%2016.0769C85.6016%2020.883%2089.4973%2024.7787%2094.3015%2024.7787C99.1057%2024.7787%20103.001%2020.883%20103.001%2016.0769C103.001%2011.2707%2099.1076%207.375%2094.3015%207.375V7.375ZM94.2861%2020.6771C91.7377%2020.6771%2089.6705%2018.6099%2089.6705%2016.0615C89.6705%2013.5131%2091.7377%2011.4459%2094.2861%2011.4459C96.8345%2011.4459%2098.8998%2013.5111%2098.8998%2016.0615C98.8998%2018.6118%2096.8345%2020.6771%2094.2861%2020.6771V20.6771Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M51.2865%207.7715V8.68961C49.9526%207.85812%2048.3782%207.375%2046.6902%207.375C41.886%207.375%2037.9902%2011.2707%2037.9902%2016.0769C37.9902%2020.883%2041.886%2024.7787%2046.6902%2024.7787C48.3782%2024.7787%2049.9526%2024.2975%2051.2865%2023.4641V24.3822H55.521V7.7715H51.2865ZM46.6748%2020.6771C44.1264%2020.6771%2042.0592%2018.6099%2042.0592%2016.0615C42.0592%2013.5131%2044.1264%2011.4459%2046.6748%2011.4459C49.2232%2011.4459%2051.2461%2013.4707%2051.2865%2015.9845V16.1365C51.2461%2018.6503%2049.1981%2020.6751%2046.6748%2020.6751V20.6771Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M30.6468%2017.7823L28.0599%2013.6422C28.0599%2013.6422%2028.0503%2013.6248%2028.0445%2013.6172L27.8405%2013.2919C27.4555%2012.674%2026.7895%2012.3045%2026.062%2012.3025L21.8949%2012.2891L21.6042%2012.7549L16.6249%2020.7234L16.3496%2021.1642L18.4361%2024.4978C18.821%2025.1176%2019.487%2025.4872%2020.2203%2025.4872H26.06C26.7799%2025.4872%2027.4613%2025.108%2027.8424%2024.4998L28.0483%2024.1706C28.0483%2024.1706%2028.056%2024.161%2028.058%2024.1572L30.6487%2020.0112C31.0741%2019.3337%2031.0741%2018.4579%2030.6487%2017.7823H30.6468ZM29.8576%2019.5166L27.2669%2023.6625C27.2553%2023.6817%2027.2419%2023.6971%2027.2303%2023.7125C27.1398%2023.8146%2027.0224%2023.828%2026.9705%2023.828C26.9108%2023.828%2026.7645%2023.8107%2026.6702%2023.6606L24.0795%2019.5146C24.0506%2019.4684%2024.0256%2019.4203%2024.0025%2019.3683C23.9794%2019.3183%2023.9621%2019.2683%2023.9467%2019.2163C23.8889%2019.0084%2023.8889%2018.7851%2023.9467%2018.5773C23.9755%2018.4753%2024.0198%2018.3732%2024.0775%2018.2809L26.6644%2014.1388C26.6644%2014.1388%2026.6683%2014.133%2026.6702%2014.1291C26.7318%2014.0367%2026.8088%2013.9944%2026.8762%2013.9809C26.9031%2013.9732%2026.9262%2013.9713%2026.9454%2013.9675C26.9551%2013.9675%2026.9647%2013.9675%2026.9743%2013.9675C27.034%2013.9675%2027.1822%2013.9867%2027.2746%2014.1368L29.8615%2018.277C30.0982%2018.6543%2030.0982%2019.1393%2029.8615%2019.5166H29.8576Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M22.9913%207.7644C23.4148%207.08496%2023.4148%206.21112%2022.9913%205.53553L20.4044%201.39536L20.1889%201.04697C19.802%200.429125%2019.136%200.0595703%2018.4046%200.0595703H12.5649C11.8354%200.0595703%2011.1694%200.429125%2010.7806%201.0489L0.323361%2017.7847C0.113561%2018.1196%200%2018.5065%200%2018.8992C0%2019.2918%200.111636%2019.6787%200.321436%2020.0117L3.12582%2024.5022C3.5127%2025.1219%204.17866%2025.4896%204.90815%2025.4896H10.7479C11.4812%2025.4896%2012.1472%2025.12%2012.5321%2024.5002L12.7458%2024.1615C12.7458%2024.1615%2012.7458%2024.1615%2012.7458%2024.1576C12.7458%2024.1576%2012.7496%2024.1519%2012.7496%2024.1499L14.8342%2020.8162L21.0127%2010.9287L22.9875%207.76633L22.9913%207.7644ZM22.3812%206.64996C22.3812%206.86361%2022.3215%207.07919%2022.2002%207.26974L11.9566%2023.6649C11.8643%2023.8131%2011.716%2023.8304%2011.6564%2023.8304C11.5967%2023.8304%2011.4504%2023.8131%2011.3561%2023.6649L8.7673%2019.517C8.53248%2019.1417%208.53248%2018.6586%208.7673%2018.2794L19.0109%201.8881C19.1033%201.73797%2019.2515%201.72064%2019.3112%201.72064C19.3708%201.72064%2019.519%201.73797%2019.6134%201.89002L22.2002%206.03019C22.3215%206.22074%2022.3812%206.43632%2022.3812%206.64996V6.64996Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://attio.com/favicon.ico?favicon.17i4ytxwoisgb.ico?dpl=dpl_9h43FG2NcmDmMYQFGjw3Yox8eXHa", "ogImage": "https://a.storyblok.com/f/234930/1200x630/df480627b4/attio-og-image.jpg", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 1, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Attio'.", "confidence": 0.95, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Start for free", "reasoning": "Button #0 with text 'Start for free' has a dark background (#202124) and is likely the primary CTA due to its prominent placement and action-oriented text." }, "secondary": { "index": 1, "text": "Start for free", "reasoning": "Button #1 also says 'Start for free' but has a light background (#FFFFFF), making it a suitable secondary CTA with a different color group." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy professionals" }, "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 visible, located in the header, links to the homepage, and matches the brand name 'Attio'.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } }, "images": [ { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/attio/021011d5b4.webp", "alt": "Teammates Integration | Attio", "source_url": "https://attio.com/apps/teammates", "image_url": "https://assets.attio.com/apps/cccfcfe6-6bfa-41fe-85f7-9bdb54ffa152/marketplace-images/125f8025-62e6-40e6-becc-73d8f177f621.png", "width": 5920, "height": 3700, "bytes": 870515, "query": "site:attio.com", "query_suffix": "site:attio.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/attio/4955d3ce15.webp", "alt": "Introducing Call Intelligence | Attio", "source_url": "https://attio.com/blog/introducing-call-intelligence", "image_url": "https://attio.com/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F234930%2F6400x3600%2F12bcaca841%2Fblog-1.png&w=3840&q=75", "width": 3840, "height": 2160, "bytes": 1163606, "query": "site:attio.com blog", "query_suffix": "site:attio.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/attio/7874297b94.webp", "alt": "fastn.ai Integration | Attio", "source_url": "https://attio.com/apps/fastnai", "image_url": "https://attio.com/_next/image?url=https%3A%2F%2Fassets.attio.com%2Fapps%2F86da765b-11f8-4a15-9776-f7ba9163dfcb%2Fmarketplace-images%2F5c25124e-2ec5-43f0-afd6-5ff2fc27e103.png&w=3840&q=75", "width": 3840, "height": 2397, "bytes": 351992, "query": "site:attio.com", "query_suffix": "site:attio.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/attio/3cbce1d672.webp", "alt": "Engineering Blog | Attio", "source_url": "https://attio.com/engineering/blog", "image_url": "https://a.storyblok.com/f/234930/1200x630/969b698b4f/og-engineering-blog.png", "width": 1200, "height": 630, "bytes": 454178, "query": "site:attio.com blog", "query_suffix": "site:attio.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/attio/fe5e54cd64.webp", "alt": "Insights & updates | Attio Blog", "source_url": "https://attio.com/blog", "image_url": "https://attio.com/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F234930%2F1161x652%2F3b93c95292%2Fblog-cover-ask-attio.png&w=3840&q=75", "width": 1161, "height": 652, "bytes": 51060, "query": "site:attio.com blog", "query_suffix": "site:attio.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/attio/250febbc99.webp", "alt": "Introducing AI Attributes | Attio", "source_url": "https://attio.com/blog/introducing-ai-attributes", "image_url": "https://a.storyblok.com/f/234930/6400x3600/e27972e065/ai-right-where-you-work.png", "width": 6400, "height": 3600, "bytes": 508753, "query": "site:attio.com", "query_suffix": "site:attio.com" } ], "font_resources": [ { "family": "Inter", "google_fonts_url": "https://fonts.google.com/specimen/Inter" }, { "family": "Inter Display", "google_fonts_url": "https://fonts.google.com/specimen/Inter+Display" } ], "google_fonts_css": "https://fonts.googleapis.com/css2?family=Inter&family=Inter+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/attio", "agent_instructions": "You are designing or implementing in Attio's brand identity.\n\n# Brand profile\n- Company: Attio\n- Source: https://attio.com/\n- Color scheme: light\n\n# Colors\n- primary: #B5BDC9\n- secondary: #A4ADBA\n- accent: #202124\n- background: #FFFFFF\n- textPrimary: #2E3238\n- link: #6F7988\n\n# Typography\n- primary: Inter — https://fonts.google.com/specimen/Inter\n- heading: Inter Display — https://fonts.google.com/specimen/Inter+Display\n\nLoad all fonts at once: \n\n# UI Components\n- buttonPrimary: background=#202124, textColor=#F3F4F6, borderColor=#505967, borderRadius=10px, shadow=none\n- buttonSecondary: background=#FFFFFF, textColor=#2E3238, borderColor=#CAD0D9, borderRadius=10px, shadow=none\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/attio.json", "page_markdown": "# Attio Brand Identity\n\nA complete profile of **Attio**'s visual system — colors, typography, components, and personality — extracted from https://attio.com/. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/attio\n- Machine-readable JSON: https://characterquilt.com/branding/attio.json\n- Per-page llms.txt: https://characterquilt.com/branding/attio/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #B5BDC9 |\n| Accent | #202124 |\n| Body Font | Inter |\n| Heading Font | Inter Display |\n\n## Color Palette\n\n- primary: #B5BDC9\n- secondary: #A4ADBA\n- accent: #202124\n- background: #FFFFFF\n- textPrimary: #2E3238\n- link: #6F7988\n\n## Typography\n\n- primary: Inter — https://fonts.google.com/specimen/Inter\n- heading: Inter Display — https://fonts.google.com/specimen/Inter+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%20width%3D%22103%22%20height%3D%2226%22%20viewBox%3D%220%200%20103%2026%22%20fill%3D%22none%22%20class%3D%22mb-1%20h-6%20text-primary-foreground%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M84.2267%201.03809H79.9922V5.27257H84.2267V1.03809Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M67.7423%2011.9094H64.0236V18.7905C64.0236%2019.364%2064.1661%2019.7836%2064.4529%2020.0473C64.7396%2020.3129%2065.1592%2020.4669%2065.7097%2020.5112C66.2602%2020.5324%2066.9454%2020.5227%2067.7615%2020.4785V24.3492C64.8725%2024.6802%2062.811%2024.4146%2061.5753%2023.5562C60.3627%2022.6746%2059.7564%2021.0867%2059.7564%2018.7924V11.9113H56.8789V7.80774H59.7564V4.46635L64.0236%203.17676V7.80967H70.6198V4.46828L74.887%203.17868V7.81159H78.6249V11.9152H74.887V18.7962C74.887%2019.3698%2075.0294%2019.7894%2075.3162%2020.0531C75.603%2020.3187%2076.0226%2020.4727%2076.5731%2020.517C77.1236%2020.5381%2077.8088%2020.5285%2078.623%2020.4842V24.3549C75.7339%2024.686%2073.6725%2024.4204%2072.4368%2023.5619C71.2242%2022.6804%2070.6179%2021.0925%2070.6179%2018.7981V11.9171H67.7404L67.7423%2011.9094Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M84.2477%207.80371H79.9805V24.3471H84.2477V7.80371Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M94.3015%207.375C89.4973%207.375%2085.6016%2011.2707%2085.6016%2016.0769C85.6016%2020.883%2089.4973%2024.7787%2094.3015%2024.7787C99.1057%2024.7787%20103.001%2020.883%20103.001%2016.0769C103.001%2011.2707%2099.1076%207.375%2094.3015%207.375V7.375ZM94.2861%2020.6771C91.7377%2020.6771%2089.6705%2018.6099%2089.6705%2016.0615C89.6705%2013.5131%2091.7377%2011.4459%2094.2861%2011.4459C96.8345%2011.4459%2098.8998%2013.5111%2098.8998%2016.0615C98.8998%2018.6118%2096.8345%2020.6771%2094.2861%2020.6771V20.6771Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M51.2865%207.7715V8.68961C49.9526%207.85812%2048.3782%207.375%2046.6902%207.375C41.886%207.375%2037.9902%2011.2707%2037.9902%2016.0769C37.9902%2020.883%2041.886%2024.7787%2046.6902%2024.7787C48.3782%2024.7787%2049.9526%2024.2975%2051.2865%2023.4641V24.3822H55.521V7.7715H51.2865ZM46.6748%2020.6771C44.1264%2020.6771%2042.0592%2018.6099%2042.0592%2016.0615C42.0592%2013.5131%2044.1264%2011.4459%2046.6748%2011.4459C49.2232%2011.4459%2051.2461%2013.4707%2051.2865%2015.9845V16.1365C51.2461%2018.6503%2049.1981%2020.6751%2046.6748%2020.6751V20.6771Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M30.6468%2017.7823L28.0599%2013.6422C28.0599%2013.6422%2028.0503%2013.6248%2028.0445%2013.6172L27.8405%2013.2919C27.4555%2012.674%2026.7895%2012.3045%2026.062%2012.3025L21.8949%2012.2891L21.6042%2012.7549L16.6249%2020.7234L16.3496%2021.1642L18.4361%2024.4978C18.821%2025.1176%2019.487%2025.4872%2020.2203%2025.4872H26.06C26.7799%2025.4872%2027.4613%2025.108%2027.8424%2024.4998L28.0483%2024.1706C28.0483%2024.1706%2028.056%2024.161%2028.058%2024.1572L30.6487%2020.0112C31.0741%2019.3337%2031.0741%2018.4579%2030.6487%2017.7823H30.6468ZM29.8576%2019.5166L27.2669%2023.6625C27.2553%2023.6817%2027.2419%2023.6971%2027.2303%2023.7125C27.1398%2023.8146%2027.0224%2023.828%2026.9705%2023.828C26.9108%2023.828%2026.7645%2023.8107%2026.6702%2023.6606L24.0795%2019.5146C24.0506%2019.4684%2024.0256%2019.4203%2024.0025%2019.3683C23.9794%2019.3183%2023.9621%2019.2683%2023.9467%2019.2163C23.8889%2019.0084%2023.8889%2018.7851%2023.9467%2018.5773C23.9755%2018.4753%2024.0198%2018.3732%2024.0775%2018.2809L26.6644%2014.1388C26.6644%2014.1388%2026.6683%2014.133%2026.6702%2014.1291C26.7318%2014.0367%2026.8088%2013.9944%2026.8762%2013.9809C26.9031%2013.9732%2026.9262%2013.9713%2026.9454%2013.9675C26.9551%2013.9675%2026.9647%2013.9675%2026.9743%2013.9675C27.034%2013.9675%2027.1822%2013.9867%2027.2746%2014.1368L29.8615%2018.277C30.0982%2018.6543%2030.0982%2019.1393%2029.8615%2019.5166H29.8576Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M22.9913%207.7644C23.4148%207.08496%2023.4148%206.21112%2022.9913%205.53553L20.4044%201.39536L20.1889%201.04697C19.802%200.429125%2019.136%200.0595703%2018.4046%200.0595703H12.5649C11.8354%200.0595703%2011.1694%200.429125%2010.7806%201.0489L0.323361%2017.7847C0.113561%2018.1196%200%2018.5065%200%2018.8992C0%2019.2918%200.111636%2019.6787%200.321436%2020.0117L3.12582%2024.5022C3.5127%2025.1219%204.17866%2025.4896%204.90815%2025.4896H10.7479C11.4812%2025.4896%2012.1472%2025.12%2012.5321%2024.5002L12.7458%2024.1615C12.7458%2024.1615%2012.7458%2024.1615%2012.7458%2024.1576C12.7458%2024.1576%2012.7496%2024.1519%2012.7496%2024.1499L14.8342%2020.8162L21.0127%2010.9287L22.9875%207.76633L22.9913%207.7644ZM22.3812%206.64996C22.3812%206.86361%2022.3215%207.07919%2022.2002%207.26974L11.9566%2023.6649C11.8643%2023.8131%2011.716%2023.8304%2011.6564%2023.8304C11.5967%2023.8304%2011.4504%2023.8131%2011.3561%2023.6649L8.7673%2019.517C8.53248%2019.1417%208.53248%2018.6586%208.7673%2018.2794L19.0109%201.8881C19.1033%201.73797%2019.2515%201.72064%2019.3112%201.72064C19.3708%201.72064%2019.519%201.73797%2019.6134%201.89002L22.2002%206.03019C22.3215%206.22074%2022.3812%206.43632%2022.3812%206.64996V6.64996Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3C%2Fsvg%3E\n- Favicon: https://attio.com/favicon.ico?favicon.17i4ytxwoisgb.ico?dpl=dpl_9h43FG2NcmDmMYQFGjw3Yox8eXHa\n- Social card (og:image): https://a.storyblok.com/f/234930/1200x630/df480627b4/attio-og-image.jpg\n\n## UI Components\n\n- buttonPrimary: background=#202124, textColor=#F3F4F6, borderColor=#505967, borderRadius=10px, shadow=none\n- buttonSecondary: background=#FFFFFF, textColor=#2E3238, borderColor=#CAD0D9, borderRadius=10px, shadow=none\n\n## Brand Personality\n\nTone: modern · Energy: medium · Audience: tech-savvy professionals\n\n## Attio Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Teammates Integration | Attio**\n - Image: https://assets.attio.com/apps/cccfcfe6-6bfa-41fe-85f7-9bdb54ffa152/marketplace-images/125f8025-62e6-40e6-becc-73d8f177f621.png\n - Source: https://attio.com/apps/teammates\n- **Introducing Call Intelligence | Attio**\n - Image: https://attio.com/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F234930%2F6400x3600%2F12bcaca841%2Fblog-1.png&w=3840&q=75\n - Source: https://attio.com/blog/introducing-call-intelligence\n- **fastn.ai Integration | Attio**\n - Image: https://attio.com/_next/image?url=https%3A%2F%2Fassets.attio.com%2Fapps%2F86da765b-11f8-4a15-9776-f7ba9163dfcb%2Fmarketplace-images%2F5c25124e-2ec5-43f0-afd6-5ff2fc27e103.png&w=3840&q=75\n - Source: https://attio.com/apps/fastnai\n- **Engineering Blog | Attio**\n - Image: https://a.storyblok.com/f/234930/1200x630/969b698b4f/og-engineering-blog.png\n - Source: https://attio.com/engineering/blog\n- **Insights & updates | Attio Blog**\n - Image: https://attio.com/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F234930%2F1161x652%2F3b93c95292%2Fblog-cover-ask-attio.png&w=3840&q=75\n - Source: https://attio.com/blog\n- **Introducing AI Attributes | Attio**\n - Image: https://a.storyblok.com/f/234930/6400x3600/e27972e065/ai-right-where-you-work.png\n - Source: https://attio.com/blog/introducing-ai-attributes\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\": \"Inter\",\n \"role\": \"body\"\n },\n {\n \"family\": \"Inter Display\",\n \"role\": \"heading\"\n }\n ],\n \"colors\": {\n \"primary\": \"#B5BDC9\",\n \"secondary\": \"#A4ADBA\",\n \"accent\": \"#202124\",\n \"background\": \"#FFFFFF\",\n \"textPrimary\": \"#2E3238\",\n \"link\": \"#6F7988\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"Inter\",\n \"heading\": \"Inter Display\"\n },\n \"fontStacks\": {\n \"heading\": [\n \"Inter\"\n ],\n \"body\": [\n \"Inter\"\n ],\n \"paragraph\": [\n \"Inter\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"64px\",\n \"h2\": \"12px\",\n \"body\": \"12px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 8,\n \"borderRadius\": \"10px\"\n },\n \"components\": {\n \"buttonPrimary\": {\n \"background\": \"#202124\",\n \"textColor\": \"#F3F4F6\",\n \"borderColor\": \"#505967\",\n \"borderRadius\": \"10px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"10px\",\n \"topRight\": \"10px\",\n \"bottomRight\": \"10px\",\n \"bottomLeft\": \"10px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonSecondary\": {\n \"background\": \"#FFFFFF\",\n \"textColor\": \"#2E3238\",\n \"borderColor\": \"#CAD0D9\",\n \"borderRadius\": \"10px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"10px\",\n \"topRight\": \"10px\",\n \"bottomRight\": \"10px\",\n \"bottomLeft\": \"10px\"\n },\n \"shadow\": \"none\"\n }\n },\n \"images\": {\n \"logo\": \"data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22103%22%20height%3D%2226%22%20viewBox%3D%220%200%20103%2026%22%20fill%3D%22none%22%20class%3D%22mb-1%20h-6%20text-primary-foreground%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M84.2267%201.03809H79.9922V5.27257H84.2267V1.03809Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M67.7423%2011.9094H64.0236V18.7905C64.0236%2019.364%2064.1661%2019.7836%2064.4529%2020.0473C64.7396%2020.3129%2065.1592%2020.4669%2065.7097%2020.5112C66.2602%2020.5324%2066.9454%2020.5227%2067.7615%2020.4785V24.3492C64.8725%2024.6802%2062.811%2024.4146%2061.5753%2023.5562C60.3627%2022.6746%2059.7564%2021.0867%2059.7564%2018.7924V11.9113H56.8789V7.80774H59.7564V4.46635L64.0236%203.17676V7.80967H70.6198V4.46828L74.887%203.17868V7.81159H78.6249V11.9152H74.887V18.7962C74.887%2019.3698%2075.0294%2019.7894%2075.3162%2020.0531C75.603%2020.3187%2076.0226%2020.4727%2076.5731%2020.517C77.1236%2020.5381%2077.8088%2020.5285%2078.623%2020.4842V24.3549C75.7339%2024.686%2073.6725%2024.4204%2072.4368%2023.5619C71.2242%2022.6804%2070.6179%2021.0925%2070.6179%2018.7981V11.9171H67.7404L67.7423%2011.9094Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M84.2477%207.80371H79.9805V24.3471H84.2477V7.80371Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M94.3015%207.375C89.4973%207.375%2085.6016%2011.2707%2085.6016%2016.0769C85.6016%2020.883%2089.4973%2024.7787%2094.3015%2024.7787C99.1057%2024.7787%20103.001%2020.883%20103.001%2016.0769C103.001%2011.2707%2099.1076%207.375%2094.3015%207.375V7.375ZM94.2861%2020.6771C91.7377%2020.6771%2089.6705%2018.6099%2089.6705%2016.0615C89.6705%2013.5131%2091.7377%2011.4459%2094.2861%2011.4459C96.8345%2011.4459%2098.8998%2013.5111%2098.8998%2016.0615C98.8998%2018.6118%2096.8345%2020.6771%2094.2861%2020.6771V20.6771Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M51.2865%207.7715V8.68961C49.9526%207.85812%2048.3782%207.375%2046.6902%207.375C41.886%207.375%2037.9902%2011.2707%2037.9902%2016.0769C37.9902%2020.883%2041.886%2024.7787%2046.6902%2024.7787C48.3782%2024.7787%2049.9526%2024.2975%2051.2865%2023.4641V24.3822H55.521V7.7715H51.2865ZM46.6748%2020.6771C44.1264%2020.6771%2042.0592%2018.6099%2042.0592%2016.0615C42.0592%2013.5131%2044.1264%2011.4459%2046.6748%2011.4459C49.2232%2011.4459%2051.2461%2013.4707%2051.2865%2015.9845V16.1365C51.2461%2018.6503%2049.1981%2020.6751%2046.6748%2020.6751V20.6771Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M30.6468%2017.7823L28.0599%2013.6422C28.0599%2013.6422%2028.0503%2013.6248%2028.0445%2013.6172L27.8405%2013.2919C27.4555%2012.674%2026.7895%2012.3045%2026.062%2012.3025L21.8949%2012.2891L21.6042%2012.7549L16.6249%2020.7234L16.3496%2021.1642L18.4361%2024.4978C18.821%2025.1176%2019.487%2025.4872%2020.2203%2025.4872H26.06C26.7799%2025.4872%2027.4613%2025.108%2027.8424%2024.4998L28.0483%2024.1706C28.0483%2024.1706%2028.056%2024.161%2028.058%2024.1572L30.6487%2020.0112C31.0741%2019.3337%2031.0741%2018.4579%2030.6487%2017.7823H30.6468ZM29.8576%2019.5166L27.2669%2023.6625C27.2553%2023.6817%2027.2419%2023.6971%2027.2303%2023.7125C27.1398%2023.8146%2027.0224%2023.828%2026.9705%2023.828C26.9108%2023.828%2026.7645%2023.8107%2026.6702%2023.6606L24.0795%2019.5146C24.0506%2019.4684%2024.0256%2019.4203%2024.0025%2019.3683C23.9794%2019.3183%2023.9621%2019.2683%2023.9467%2019.2163C23.8889%2019.0084%2023.8889%2018.7851%2023.9467%2018.5773C23.9755%2018.4753%2024.0198%2018.3732%2024.0775%2018.2809L26.6644%2014.1388C26.6644%2014.1388%2026.6683%2014.133%2026.6702%2014.1291C26.7318%2014.0367%2026.8088%2013.9944%2026.8762%2013.9809C26.9031%2013.9732%2026.9262%2013.9713%2026.9454%2013.9675C26.9551%2013.9675%2026.9647%2013.9675%2026.9743%2013.9675C27.034%2013.9675%2027.1822%2013.9867%2027.2746%2014.1368L29.8615%2018.277C30.0982%2018.6543%2030.0982%2019.1393%2029.8615%2019.5166H29.8576Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M22.9913%207.7644C23.4148%207.08496%2023.4148%206.21112%2022.9913%205.53553L20.4044%201.39536L20.1889%201.04697C19.802%200.429125%2019.136%200.0595703%2018.4046%200.0595703H12.5649C11.8354%200.0595703%2011.1694%200.429125%2010.7806%201.0489L0.323361%2017.7847C0.113561%2018.1196%200%2018.5065%200%2018.8992C0%2019.2918%200.111636%2019.6787%200.321436%2020.0117L3.12582%2024.5022C3.5127%2025.1219%204.17866%2025.4896%204.90815%2025.4896H10.7479C11.4812%2025.4896%2012.1472%2025.12%2012.5321%2024.5002L12.7458%2024.1615C12.7458%2024.1615%2012.7458%2024.1615%2012.7458%2024.1576C12.7458%2024.1576%2012.7496%2024.1519%2012.7496%2024.1499L14.8342%2020.8162L21.0127%2010.9287L22.9875%207.76633L22.9913%207.7644ZM22.3812%206.64996C22.3812%206.86361%2022.3215%207.07919%2022.2002%207.26974L11.9566%2023.6649C11.8643%2023.8131%2011.716%2023.8304%2011.6564%2023.8304C11.5967%2023.8304%2011.4504%2023.8131%2011.3561%2023.6649L8.7673%2019.517C8.53248%2019.1417%208.53248%2018.6586%208.7673%2018.2794L19.0109%201.8881C19.1033%201.73797%2019.2515%201.72064%2019.3112%201.72064C19.3708%201.72064%2019.519%201.73797%2019.6134%201.89002L22.2002%206.03019C22.3215%206.22074%2022.3812%206.43632%2022.3812%206.64996V6.64996Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(10.7201%20-0.0959039%20-1.54182)%20!important%3B%22%2F%3E%3C%2Fsvg%3E\",\n \"favicon\": \"https://attio.com/favicon.ico?favicon.17i4ytxwoisgb.ico?dpl=dpl_9h43FG2NcmDmMYQFGjw3Yox8eXHa\",\n \"ogImage\": \"https://a.storyblok.com/f/234930/1200x630/df480627b4/attio-og-image.jpg\",\n \"logoHref\": \"/\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 1,\n \"reasoning\": \"Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Attio'.\",\n \"confidence\": 0.95,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 0,\n \"text\": \"Start for free\",\n \"reasoning\": \"Button #0 with text 'Start for free' has a dark background (#202124) and is likely the primary CTA due to its prominent placement and action-oriented text.\"\n },\n \"secondary\": {\n \"index\": 1,\n \"text\": \"Start for free\",\n \"reasoning\": \"Button #1 also says 'Start for free' but has a light background (#FFFFFF), making it a suitable secondary CTA with a different color group.\"\n },\n \"confidence\": 0.95\n },\n \"personality\": {\n \"tone\": \"modern\",\n \"energy\": \"medium\",\n \"targetAudience\": \"tech-savvy professionals\"\n },\n \"designSystem\": {\n \"framework\": \"tailwind\",\n \"componentLibrary\": \"\"\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 name 'Attio'.\",\n \"confidence\": 0.95\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n" }