# Protex AI Brand Identity A complete profile of **Protex AI**'s visual system — colors, typography, components, and personality — extracted from https://www.protex.ai. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/protex-ai - Machine-readable JSON: https://characterquilt.com/branding/protex-ai.json - Per-page llms.txt: https://characterquilt.com/branding/protex-ai/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #052D41 | | Accent | #22A0F3 | | Body Font | Mont | | Heading Font | Mont | ## Color Palette - primary: #052D41 - secondary: #446271 - accent: #22A0F3 - background: #FFFFFF - textPrimary: #22A0F3 - link: #22A0F3 ## Typography - primary: Mont — https://fonts.google.com/specimen/Mont - heading: Mont — https://fonts.google.com/specimen/Mont ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20125%2028%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3062_35940)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cg%20clip-path%3D%22url(%23clip1_3062_35940)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cg%20clip-path%3D%22url(%23clip2_3062_35940)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M19.3965%204.32663V13.2611C19.3965%2013.733%2019.1311%2014.1693%2018.7065%2014.383L11.7544%2017.8821C11.2945%2018.1136%2010.7461%2017.7753%2010.7461%2017.2589V6.94431C10.7461%206.44571%2011.0645%206.00053%2011.5421%205.84915L18.45%203.63214C18.9188%203.48077%2019.3965%203.83692%2019.3965%204.32663Z%22%20fill%3D%22%2322A0F3%22%20style%3D%22fill%3A%20rgb(34%2C%20160%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M8.65034%206.94429V23.6388C8.65034%2024.1552%208.11081%2024.4935%207.64203%2024.262L4.6259%2022.7484L0.689905%2020.7628C0.265348%2020.5491%200%2020.1129%200%2019.641V4.32659C0%203.82798%200.477627%203.48073%200.946408%203.6321L7.8543%205.84912C8.32308%206.00048%208.65034%206.44566%208.65034%206.94429Z%22%20fill%3D%22%2322A0F3%22%20style%3D%22fill%3A%20rgb(34%2C%20160%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M8.65034%206.94429V23.6388C8.65034%2024.1552%208.11081%2024.4935%207.64203%2024.262L4.6259%2022.7484L0.689905%2020.7628C0.265348%2020.5491%200%2020.1129%200%2019.641V4.32659C0%203.82798%200.477627%203.48073%200.946408%203.6321L7.8543%205.84912C8.32308%206.00048%208.65034%206.44566%208.65034%206.94429Z%22%20fill%3D%22%2322A0F3%22%20style%3D%22fill%3A%20rgb(34%2C%20160%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M33.5246%205.18561H27.166V22.8543H29.9756V16.8722H33.5246C36.9011%2016.8722%2039.415%2014.3733%2039.415%2011.0415C39.415%207.68447%2036.8765%205.18561%2033.5246%205.18561ZM33.4013%2014.1209H29.9756V7.93688H33.4013C35.2498%207.93688%2036.5313%209.24941%2036.5313%2011.0415C36.5313%2012.8084%2035.2498%2014.1209%2033.4013%2014.1209Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M47.8403%209.14844C46.0164%209.14844%2044.7103%209.8047%2043.749%2011.092L43.3055%209.22416H41.457V22.8543H44.1927V15.6102C44.1927%2013.1365%2045.3018%2011.7987%2047.5693%2011.7987H49.0234V9.14844H47.8403Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M56.318%2023.2078C60.3846%2023.2078%2063.4161%2020.1536%2063.4161%2016.0393C63.4161%2011.9502%2060.3846%208.89606%2056.318%208.89606C52.2269%208.89606%2049.1953%2011.925%2049.1953%2016.0393C49.1953%2020.1536%2052.2269%2023.2078%2056.318%2023.2078ZM56.318%2020.5322C53.7795%2020.5322%2051.9803%2018.6643%2051.9803%2016.0393C51.9803%2013.4394%2053.7795%2011.5716%2056.318%2011.5716C58.8319%2011.5716%2060.6311%2013.4394%2060.6311%2016.0393C60.6311%2018.6643%2058.8319%2020.5322%2056.318%2020.5322Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M71.4282%2020.3303C69.8262%2020.3303%2068.9389%2019.4216%2068.9389%2017.7809V11.6473H72.8822V9.22419H68.9143V6.04382H68.446L63.8125%2011.092V11.6473H66.2032V18.0081C66.2032%2021.0118%2068.0023%2022.8544%2070.9106%2022.8544H72.9563V20.3303H71.4282Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M87.6175%2016.0898C87.6175%2012.1269%2084.9064%208.89606%2080.8153%208.89606C76.9211%208.89606%2073.9883%2011.9755%2073.9883%2016.0393C73.9883%2020.1283%2076.9211%2023.2078%2080.8153%2023.2078C83.7975%2023.2078%2086.2373%2021.4409%2087.2971%2018.5634H84.4136C83.6988%2019.8254%2082.4173%2020.5827%2080.8153%2020.5827C78.6464%2020.5827%2077.0937%2019.2196%2076.7487%2016.9984H87.5436C87.593%2016.6955%2087.6175%2016.3927%2087.6175%2016.0898ZM80.8153%2011.4454C82.861%2011.4454%2084.3642%2012.657%2084.8571%2014.7268H76.8226C77.2663%2012.7075%2078.7696%2011.4454%2080.8153%2011.4454Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.386%2022.8544L95.629%2015.6859L100.041%209.22418H97.0338L94.0025%2013.8181L91.0696%209.22418H87.9887L92.3511%2015.8121L87.6191%2022.8544H90.6505L94.0025%2017.68L97.3049%2022.8544H100.386Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M118.628%2022.8543H119.984L112.541%205.18561H111.431L104.186%2022.8543H105.516L107.488%2018.0333H116.607L118.628%2022.8543ZM111.998%206.97771L116.114%2016.847H107.981L111.998%206.97771Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M122.82%2022.8544H124.077V5.18567H122.82V22.8544Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22clip0_3062_35940%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22124.25%22%20height%3D%2226.25%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.875)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clip1_3062_35940%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22124.25%22%20height%3D%2226.25%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.875)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clip2_3062_35940%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22124.25%22%20height%3D%2220.8074%22%20fill%3D%22white%22%20transform%3D%22translate(0%203.59631)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E - Favicon: https://cdn.prod.website-files.com/677c0f3563b47882453866a8/677c0f3563b47882453868b8_faviconV2%20(1).png - Social card (og:image): https://cdn.prod.website-files.com/677c0f3563b47882453866a8/685eb1cec5e8abc6a3539fbd_thumbnail.avif ## UI Components - buttonPrimary: background=#22A0F3, textColor=#FFFFFF, borderRadius=12px, shadow=rgba(12, 20, 66, 0.02) 0px 4px 12px 0px, rgba(12, 20, 66, 0.08) 0px 30px 80px 0px - buttonSecondary: background=transparent, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=12px, shadow=rgba(12, 20, 66, 0.02) 0px 4px 12px 0px, rgba(12, 20, 66, 0.08) 0px 30px 80px 0px ## Brand Personality Tone: professional · Energy: medium · Audience: businesses looking for AI-driven safety solutions ## Protex AI Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **AI & Computer Vision: Unlocking Positive Worker Safety Behaviors** - Image: https://cdn.prod.website-files.com/677c0f3563b47882453866b6/6966634a19c358e3b2f6f525_LinkedIn%20Post%20big.jpg - Source: https://www.protex.ai/webinars/unlocking-insights-into-positive-worker-behaviors-with-ai-computer-vision - **Protex Protex AI - Trust Center | Powered by SafeBase** - Image: https://cdn.safebase.io/public/dcf3dcd558bbc9e4dbef158a31fe76cece1815f8/images/certifications/cpra.png - Source: https://trust.protex.ai/ - **M&S Safety Case Study: Reducing Workplace Incidents by 80% with Protex AI** - Image: https://cdn.prod.website-files.com/677c0f3563b47882453866a8/677c0f3563b4788245386878_case-img.webp - Source: https://www.protex.ai/case-studies/marks-and-spencer - **Blog | Protex AI** - Image: https://cdn.prod.website-files.com/677c0f3563b47882453866b6/69934e0ead5b268540310240_Gemini_Generated_Image_vcmo49vcmo49vcmo.jpg - Source: https://www.protex.ai/blog - **Leveraging AI: Top Workplace Safety Trends** - Image: https://cdn.prod.website-files.com/677c0f3563b47882453866b6/69bbf45e83bc815e90912c5a_Thumbnail%20image%20(25).jpg - Source: https://www.protex.ai/post/workplace-safety-trends-ai - **Top 25 EHS Manager Interview Questions: A Digital Safety Guide** - Image: https://cdn.prod.website-files.com/677c0f3563b47882453866b6/69ae9dd5487d2de52d0a2ae1_Thumbnail%20image%20(18).jpg - Source: https://www.protex.ai/post/the-top-25-interview-questions-for-ehs-managers ## Working with these fonts Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help: 1. Open the company's homepage in a browser with DevTools open. 2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf). 3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes. 4. For each captured font URL: right-click → Save As to download the file locally. 5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path. Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable. ## Machine-Readable Profile ```json { "colorScheme": "light", "fonts": [ { "family": "Mont", "role": "unknown" }, { "family": "Arial", "role": "unknown" } ], "colors": { "primary": "#052D41", "secondary": "#446271", "accent": "#22A0F3", "background": "#FFFFFF", "textPrimary": "#22A0F3", "link": "#22A0F3" }, "typography": { "fontFamilies": { "primary": "Mont", "heading": "Mont" }, "fontStacks": { "heading": [ "Mont", "Arial", "sans-serif" ], "body": [ "Mont", "Arial", "sans-serif" ], "paragraph": [ "Mont", "Arial", "sans-serif" ] }, "fontSizes": { "h1": "96px", "h2": "32px", "body": "20px" } }, "spacing": { "baseUnit": 4, "borderRadius": "16px" }, "components": { "buttonPrimary": { "background": "#22A0F3", "textColor": "#FFFFFF", "borderRadius": "12px", "borderRadiusCorners": { "topLeft": "12px", "topRight": "12px", "bottomRight": "12px", "bottomLeft": "12px" }, "shadow": "rgba(12, 20, 66, 0.02) 0px 4px 12px 0px, rgba(12, 20, 66, 0.08) 0px 30px 80px 0px" }, "buttonSecondary": { "background": "transparent", "textColor": "#FFFFFF", "borderColor": "#FFFFFF", "borderRadius": "12px", "borderRadiusCorners": { "topLeft": "12px", "topRight": "12px", "bottomRight": "12px", "bottomLeft": "12px" }, "shadow": "rgba(12, 20, 66, 0.02) 0px 4px 12px 0px, rgba(12, 20, 66, 0.08) 0px 30px 80px 0px" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20125%2028%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3062_35940)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cg%20clip-path%3D%22url(%23clip1_3062_35940)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cg%20clip-path%3D%22url(%23clip2_3062_35940)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M19.3965%204.32663V13.2611C19.3965%2013.733%2019.1311%2014.1693%2018.7065%2014.383L11.7544%2017.8821C11.2945%2018.1136%2010.7461%2017.7753%2010.7461%2017.2589V6.94431C10.7461%206.44571%2011.0645%206.00053%2011.5421%205.84915L18.45%203.63214C18.9188%203.48077%2019.3965%203.83692%2019.3965%204.32663Z%22%20fill%3D%22%2322A0F3%22%20style%3D%22fill%3A%20rgb(34%2C%20160%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M8.65034%206.94429V23.6388C8.65034%2024.1552%208.11081%2024.4935%207.64203%2024.262L4.6259%2022.7484L0.689905%2020.7628C0.265348%2020.5491%200%2020.1129%200%2019.641V4.32659C0%203.82798%200.477627%203.48073%200.946408%203.6321L7.8543%205.84912C8.32308%206.00048%208.65034%206.44566%208.65034%206.94429Z%22%20fill%3D%22%2322A0F3%22%20style%3D%22fill%3A%20rgb(34%2C%20160%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M8.65034%206.94429V23.6388C8.65034%2024.1552%208.11081%2024.4935%207.64203%2024.262L4.6259%2022.7484L0.689905%2020.7628C0.265348%2020.5491%200%2020.1129%200%2019.641V4.32659C0%203.82798%200.477627%203.48073%200.946408%203.6321L7.8543%205.84912C8.32308%206.00048%208.65034%206.44566%208.65034%206.94429Z%22%20fill%3D%22%2322A0F3%22%20style%3D%22fill%3A%20rgb(34%2C%20160%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M33.5246%205.18561H27.166V22.8543H29.9756V16.8722H33.5246C36.9011%2016.8722%2039.415%2014.3733%2039.415%2011.0415C39.415%207.68447%2036.8765%205.18561%2033.5246%205.18561ZM33.4013%2014.1209H29.9756V7.93688H33.4013C35.2498%207.93688%2036.5313%209.24941%2036.5313%2011.0415C36.5313%2012.8084%2035.2498%2014.1209%2033.4013%2014.1209Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M47.8403%209.14844C46.0164%209.14844%2044.7103%209.8047%2043.749%2011.092L43.3055%209.22416H41.457V22.8543H44.1927V15.6102C44.1927%2013.1365%2045.3018%2011.7987%2047.5693%2011.7987H49.0234V9.14844H47.8403Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M56.318%2023.2078C60.3846%2023.2078%2063.4161%2020.1536%2063.4161%2016.0393C63.4161%2011.9502%2060.3846%208.89606%2056.318%208.89606C52.2269%208.89606%2049.1953%2011.925%2049.1953%2016.0393C49.1953%2020.1536%2052.2269%2023.2078%2056.318%2023.2078ZM56.318%2020.5322C53.7795%2020.5322%2051.9803%2018.6643%2051.9803%2016.0393C51.9803%2013.4394%2053.7795%2011.5716%2056.318%2011.5716C58.8319%2011.5716%2060.6311%2013.4394%2060.6311%2016.0393C60.6311%2018.6643%2058.8319%2020.5322%2056.318%2020.5322Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M71.4282%2020.3303C69.8262%2020.3303%2068.9389%2019.4216%2068.9389%2017.7809V11.6473H72.8822V9.22419H68.9143V6.04382H68.446L63.8125%2011.092V11.6473H66.2032V18.0081C66.2032%2021.0118%2068.0023%2022.8544%2070.9106%2022.8544H72.9563V20.3303H71.4282Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M87.6175%2016.0898C87.6175%2012.1269%2084.9064%208.89606%2080.8153%208.89606C76.9211%208.89606%2073.9883%2011.9755%2073.9883%2016.0393C73.9883%2020.1283%2076.9211%2023.2078%2080.8153%2023.2078C83.7975%2023.2078%2086.2373%2021.4409%2087.2971%2018.5634H84.4136C83.6988%2019.8254%2082.4173%2020.5827%2080.8153%2020.5827C78.6464%2020.5827%2077.0937%2019.2196%2076.7487%2016.9984H87.5436C87.593%2016.6955%2087.6175%2016.3927%2087.6175%2016.0898ZM80.8153%2011.4454C82.861%2011.4454%2084.3642%2012.657%2084.8571%2014.7268H76.8226C77.2663%2012.7075%2078.7696%2011.4454%2080.8153%2011.4454Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.386%2022.8544L95.629%2015.6859L100.041%209.22418H97.0338L94.0025%2013.8181L91.0696%209.22418H87.9887L92.3511%2015.8121L87.6191%2022.8544H90.6505L94.0025%2017.68L97.3049%2022.8544H100.386Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M118.628%2022.8543H119.984L112.541%205.18561H111.431L104.186%2022.8543H105.516L107.488%2018.0333H116.607L118.628%2022.8543ZM111.998%206.97771L116.114%2016.847H107.981L111.998%206.97771Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M122.82%2022.8544H124.077V5.18567H122.82V22.8544Z%22%20fill%3D%22%23052D41%22%20style%3D%22fill%3A%20rgb(5%2C%2045%2C%2065)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22clip0_3062_35940%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22124.25%22%20height%3D%2226.25%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.875)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clip1_3062_35940%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22124.25%22%20height%3D%2226.25%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.875)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clip2_3062_35940%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22124.25%22%20height%3D%2220.8074%22%20fill%3D%22white%22%20transform%3D%22translate(0%203.59631)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E", "favicon": "https://cdn.prod.website-files.com/677c0f3563b47882453866a8/677c0f3563b47882453868b8_faviconV2%20(1).png", "ogImage": "https://cdn.prod.website-files.com/677c0f3563b47882453866a8/685eb1cec5e8abc6a3539fbd_thumbnail.avif", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 2, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Protex AI'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 4, "text": "Explore our product", "reasoning": "Button #1 ('Explore our product') has a vibrant blue background (#22A0F3), which is the accent color and stands out as the primary call-to-action." }, "secondary": { "index": 7, "text": "Read Case Study", "reasoning": "Button #0 ('Read Case Study') has a transparent background with a white border, making it a suitable secondary button as it contrasts with the primary button's vibrant color." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "businesses looking for AI-driven safety solutions" }, "designSystem": { "framework": "custom", "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 'Protex AI'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```