# Payable Brand Identity A complete profile of **Payable**'s visual system — colors, typography, components, and personality — extracted from http://payable.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/payable - Machine-readable JSON: https://characterquilt.com/branding/payable.json - Per-page llms.txt: https://characterquilt.com/branding/payable/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #3C4257 | | Accent | #5469D4 | | Body Font | Segoe UI | | Heading Font | Segoe UI | ## Color Palette - primary: #3C4257 - secondary: #533AFD - accent: #5469D4 - background: #F7FAFC - textPrimary: #5469D4 - link: #5469D4 ## Typography - primary: Segoe UI — https://fonts.google.com/specimen/Segoe+UI - heading: Segoe UI — https://fonts.google.com/specimen/Segoe+UI ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20class%3D%22SupportSite-LogoLinkSvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22175%22%20height%3D%2225%22%20viewBox%3D%220%200%201265%20187%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M447%2096.1048C447%2064.3182%20431.603%2039.2366%20402.176%2039.2366C372.624%2039.2366%20354.744%2064.3182%20354.744%2095.8565C354.744%20133.231%20375.852%20152.104%20406.149%20152.104C420.925%20152.104%20432.1%20148.751%20440.543%20144.033V119.2C432.1%20123.421%20422.415%20126.029%20410.122%20126.029C398.078%20126.029%20387.4%20121.807%20386.034%20107.156H446.752C446.752%20105.541%20447%2099.0848%20447%2096.1048ZM385.662%2084.309C385.662%2070.2782%20394.229%2064.4424%20402.052%2064.4424C409.626%2064.4424%20417.697%2070.2782%20417.697%2084.309H385.662Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M306.816%2039.2366C294.648%2039.2366%20286.825%2044.9482%20282.48%2048.9216L280.865%2041.2232H253.549V186.001L284.59%20179.42L284.715%20144.281C289.185%20147.51%20295.765%20152.104%20306.692%20152.104C328.918%20152.104%20349.157%20134.224%20349.157%2094.8631C349.033%2058.8549%20328.545%2039.2366%20306.816%2039.2366ZM299.366%20124.787C292.04%20124.787%20287.695%20122.18%20284.715%20118.951L284.59%2072.8857C287.819%2069.2848%20292.289%2066.8015%20299.366%2066.8015C310.665%2066.8015%20318.488%2079.4665%20318.488%2095.7323C318.488%20112.371%20310.79%20124.787%20299.366%20124.787Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M210.835%2031.9108L242.001%2025.2058V0L210.835%206.58082V31.9108Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M242.001%2041.3474H210.835V149.993H242.001V41.3474Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M177.435%2050.5357L175.448%2041.3474H148.628V149.993H179.67V76.3624C186.995%2066.8015%20199.412%2068.5399%20203.261%2069.9057V41.3474C199.288%2039.8574%20184.76%2037.1258%20177.435%2050.5357Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M115.351%2014.4033L85.0539%2020.86L84.9297%20120.317C84.9297%20138.694%2098.7122%20152.228%20117.089%20152.228C127.271%20152.228%20134.721%20150.366%20138.818%20148.131V122.925C134.845%20124.539%20115.226%20130.251%20115.226%20111.874V67.7949H138.818V41.3474H115.226L115.351%2014.4033Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M31.4142%2072.8857C31.4142%2068.0432%2035.3875%2066.1807%2041.9683%2066.1807C51.405%2066.1807%2063.325%2069.0365%2072.7617%2074.1273V44.9482C62.4558%2040.8507%2052.2742%2039.2366%2041.9683%2039.2366C16.7625%2039.2366%200%2052.3982%200%2074.3757C0%20108.646%2047.1833%20103.182%2047.1833%20117.958C47.1833%20123.67%2042.2167%20125.532%2035.2633%20125.532C24.9575%20125.532%2011.7958%20121.311%201.36583%20115.599V145.151C12.9133%20150.117%2024.585%20152.228%2035.2633%20152.228C61.09%20152.228%2078.8458%20139.439%2078.8458%20117.213C78.7217%2080.2115%2031.4142%2086.7923%2031.4142%2072.8857Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M496.596%20129.564C505.644%20143.136%20525.3%20151.716%20544.176%20151.716C568.044%20151.716%20588.012%20138.144%20588.012%20115.524C588.012%2091.032%20566.172%2086.508%20548.388%2082.608C533.724%2079.332%20525.612%2077.616%20525.612%2068.88C525.612%2060.768%20533.1%2055.464%20544.02%2055.464C556.5%2055.464%20565.236%2061.704%20571.788%2070.908L586.92%2056.088C579.12%2044.856%20563.988%2036.276%20544.644%2036.276C521.4%2036.276%20502.992%2049.692%20502.992%2071.064C502.992%2093.216%20521.088%2098.52%20537.78%20102.42C554.628%20106.164%20565.236%20107.568%20565.236%20117.864C565.236%20127.38%20556.656%20132.528%20544.956%20132.528C532.632%20132.528%20520.62%20125.976%20512.352%20114.276L496.596%20129.564Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M656.137%20151.56C683.749%20151.56%20702.313%20136.116%20702.313%20105.228V37.992H679.381V104.448C679.381%20123.324%20670.177%20131.436%20656.137%20131.436C642.253%20131.436%20633.049%20123.324%20633.049%20104.448V37.992H609.961V105.228C609.961%20136.116%20628.525%20151.56%20656.137%20151.56Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M752.59%20108.816H775.522C801.262%20108.816%20817.33%2096.492%20817.33%2073.404C817.33%2050.16%20801.262%2037.992%20775.522%2037.992H729.658V150H752.59V108.816ZM752.59%2089.316V57.492H774.274C787.69%2057.492%20794.554%2063.264%20794.554%2073.404C794.554%2083.388%20787.69%2089.316%20774.274%2089.316H752.59Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M861.583%20108.816H884.515C910.255%20108.816%20926.323%2096.492%20926.323%2073.404C926.323%2050.16%20910.255%2037.992%20884.515%2037.992H838.651V150H861.583V108.816ZM861.583%2089.316V57.492H883.267C896.683%2057.492%20903.547%2063.264%20903.547%2073.404C903.547%2083.388%20896.683%2089.316%20883.267%2089.316H861.583Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M940.468%2093.996C940.468%20127.848%20962.62%20151.716%20993.508%20151.716C1024.24%20151.716%201046.39%20127.848%201046.39%2093.996C1046.39%2060.144%201024.24%2036.276%20993.508%2036.276C962.62%2036.276%20940.468%2060.144%20940.468%2093.996ZM1023.3%2093.996C1023.3%20116.928%201010.98%20131.592%20993.508%20131.592C975.88%20131.592%20963.556%20116.928%20963.556%2093.996C963.556%2071.064%20975.88%2056.4%20993.508%2056.4C1010.98%2056.4%201023.3%2071.064%201023.3%2093.996Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1089.67%20108.348H1105.27L1131.16%20150H1157.37L1129.45%20106.164C1145.2%20101.64%201154.41%2090.252%201154.41%2073.248C1154.41%2050.16%201138.34%2037.992%201112.6%2037.992H1066.73V150H1089.67V108.348ZM1089.67%2089.16V57.492H1111.35C1124.77%2057.492%201131.63%2063.264%201131.63%2073.404C1131.63%2083.388%201124.77%2089.16%201111.35%2089.16H1089.67Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1264.76%2057.804V37.992H1171.47V57.804H1206.73V150H1229.66V57.804H1264.76Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://b.stripecdn.com/support-site-statics-srv/assets/public/favicon-58b0b9715a1b3484cf0d.svg ## UI Components - input: background=transparent, textColor=#3C4257, borderColor=null, borderRadius=4px, shadow=none - buttonPrimary: background=#F7FAFC, textColor=#414552, borderRadius=0px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: businesses and developers ## Payable Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **GEICO Commercial - Accounts Payable ⚖️📑📈🤣 (2004)** - Image: https://i.ytimg.com/vi/Ia1y9u_RioM/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLA5iSqB7Z1LzhC3-KYDPwve4WggaA - Source: https://www.youtube.com/watch?v=Ia1y9u_RioM - **12 Accounts Payable Reports to Measure Financial Performance** - Image: https://cdn.prod.website-files.com/63e56114746188c54e2936e0/6606cca322827e40cd4c9946_accounts%20payable%20reconciliation%20report%20example.png - Source: https://www.bill.com/learning/accounts-payable-reports - **Note Payable Landing Page Template Tiny Stock Vector (Royalty Free) 1991728754 | Shutterstock** - Image: https://www.shutterstock.com/image-vector/note-payable-landing-page-template-260nw-1991728754.jpg - Source: https://www.shutterstock.com/image-vector/note-payable-landing-page-template-tiny-1991728754 - **Sign displaying Accounts Payable, Word Written on oversee and control the various advertising activities New Ideas Presented On Presentation Board Wit Stock Photo - Alamy** - Image: https://c8.alamy.com/comp/2PT3NBK/sign-displaying-accounts-payable-word-written-on-oversee-and-control-the-various-advertising-activities-new-ideas-presented-on-presentation-board-wit-2PT3NBK.jpg - Source: https://www.alamy.com/sign-displaying-accounts-payable-word-written-on-oversee-and-control-the-various-advertising-activities-new-ideas-presented-on-presentation-board-wit-image548355799.html - **What is an Accounts Payable Aging Report?** - Image: https://tipalti.com/wp-content/uploads/2023/10/media_media_accounts-payable-aging-summary-report-768x407-1.webp - Source: https://tipalti.com/resources/learn/accounts-payable-aging-report/ - **Hosting an Event and Need Sponsors? Simplify Their Experience - Payable Blog** - Image: https://blog.payableapps.com/wp-content/uploads/2024/02/Screenshot-2024-02-13-at-3.37.56%E2%80%AFPM-1024x503.jpg - Source: https://blog.payableapps.com/hosting-an-event-and-need-sponsors-simplify-their-experience/ ## 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": "Segoe UI", "role": "body" }, { "family": "Roboto", "role": "body" } ], "colors": { "primary": "#3C4257", "secondary": "#533AFD", "accent": "#5469D4", "background": "#F7FAFC", "textPrimary": "#5469D4", "link": "#5469D4" }, "typography": { "fontFamilies": { "primary": "Segoe UI", "heading": "Segoe UI" }, "fontStacks": { "heading": [ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji" ], "body": [ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", "sans-serif" ], "paragraph": [ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji" ] }, "fontSizes": { "h1": "24px", "h2": "24px", "body": "16px" } }, "spacing": { "baseUnit": 4, "borderRadius": "0px" }, "components": { "input": { "background": "transparent", "textColor": "#3C4257", "borderColor": null, "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "none" }, "buttonPrimary": { "background": "#F7FAFC", "textColor": "#414552", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22SupportSite-LogoLinkSvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22175%22%20height%3D%2225%22%20viewBox%3D%220%200%201265%20187%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M447%2096.1048C447%2064.3182%20431.603%2039.2366%20402.176%2039.2366C372.624%2039.2366%20354.744%2064.3182%20354.744%2095.8565C354.744%20133.231%20375.852%20152.104%20406.149%20152.104C420.925%20152.104%20432.1%20148.751%20440.543%20144.033V119.2C432.1%20123.421%20422.415%20126.029%20410.122%20126.029C398.078%20126.029%20387.4%20121.807%20386.034%20107.156H446.752C446.752%20105.541%20447%2099.0848%20447%2096.1048ZM385.662%2084.309C385.662%2070.2782%20394.229%2064.4424%20402.052%2064.4424C409.626%2064.4424%20417.697%2070.2782%20417.697%2084.309H385.662Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M306.816%2039.2366C294.648%2039.2366%20286.825%2044.9482%20282.48%2048.9216L280.865%2041.2232H253.549V186.001L284.59%20179.42L284.715%20144.281C289.185%20147.51%20295.765%20152.104%20306.692%20152.104C328.918%20152.104%20349.157%20134.224%20349.157%2094.8631C349.033%2058.8549%20328.545%2039.2366%20306.816%2039.2366ZM299.366%20124.787C292.04%20124.787%20287.695%20122.18%20284.715%20118.951L284.59%2072.8857C287.819%2069.2848%20292.289%2066.8015%20299.366%2066.8015C310.665%2066.8015%20318.488%2079.4665%20318.488%2095.7323C318.488%20112.371%20310.79%20124.787%20299.366%20124.787Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M210.835%2031.9108L242.001%2025.2058V0L210.835%206.58082V31.9108Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M242.001%2041.3474H210.835V149.993H242.001V41.3474Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M177.435%2050.5357L175.448%2041.3474H148.628V149.993H179.67V76.3624C186.995%2066.8015%20199.412%2068.5399%20203.261%2069.9057V41.3474C199.288%2039.8574%20184.76%2037.1258%20177.435%2050.5357Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M115.351%2014.4033L85.0539%2020.86L84.9297%20120.317C84.9297%20138.694%2098.7122%20152.228%20117.089%20152.228C127.271%20152.228%20134.721%20150.366%20138.818%20148.131V122.925C134.845%20124.539%20115.226%20130.251%20115.226%20111.874V67.7949H138.818V41.3474H115.226L115.351%2014.4033Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M31.4142%2072.8857C31.4142%2068.0432%2035.3875%2066.1807%2041.9683%2066.1807C51.405%2066.1807%2063.325%2069.0365%2072.7617%2074.1273V44.9482C62.4558%2040.8507%2052.2742%2039.2366%2041.9683%2039.2366C16.7625%2039.2366%200%2052.3982%200%2074.3757C0%20108.646%2047.1833%20103.182%2047.1833%20117.958C47.1833%20123.67%2042.2167%20125.532%2035.2633%20125.532C24.9575%20125.532%2011.7958%20121.311%201.36583%20115.599V145.151C12.9133%20150.117%2024.585%20152.228%2035.2633%20152.228C61.09%20152.228%2078.8458%20139.439%2078.8458%20117.213C78.7217%2080.2115%2031.4142%2086.7923%2031.4142%2072.8857Z%22%20fill%3D%22%230A2540%22%20style%3D%22fill%3A%20rgb(10%2C%2037%2C%2064)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M496.596%20129.564C505.644%20143.136%20525.3%20151.716%20544.176%20151.716C568.044%20151.716%20588.012%20138.144%20588.012%20115.524C588.012%2091.032%20566.172%2086.508%20548.388%2082.608C533.724%2079.332%20525.612%2077.616%20525.612%2068.88C525.612%2060.768%20533.1%2055.464%20544.02%2055.464C556.5%2055.464%20565.236%2061.704%20571.788%2070.908L586.92%2056.088C579.12%2044.856%20563.988%2036.276%20544.644%2036.276C521.4%2036.276%20502.992%2049.692%20502.992%2071.064C502.992%2093.216%20521.088%2098.52%20537.78%20102.42C554.628%20106.164%20565.236%20107.568%20565.236%20117.864C565.236%20127.38%20556.656%20132.528%20544.956%20132.528C532.632%20132.528%20520.62%20125.976%20512.352%20114.276L496.596%20129.564Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M656.137%20151.56C683.749%20151.56%20702.313%20136.116%20702.313%20105.228V37.992H679.381V104.448C679.381%20123.324%20670.177%20131.436%20656.137%20131.436C642.253%20131.436%20633.049%20123.324%20633.049%20104.448V37.992H609.961V105.228C609.961%20136.116%20628.525%20151.56%20656.137%20151.56Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M752.59%20108.816H775.522C801.262%20108.816%20817.33%2096.492%20817.33%2073.404C817.33%2050.16%20801.262%2037.992%20775.522%2037.992H729.658V150H752.59V108.816ZM752.59%2089.316V57.492H774.274C787.69%2057.492%20794.554%2063.264%20794.554%2073.404C794.554%2083.388%20787.69%2089.316%20774.274%2089.316H752.59Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M861.583%20108.816H884.515C910.255%20108.816%20926.323%2096.492%20926.323%2073.404C926.323%2050.16%20910.255%2037.992%20884.515%2037.992H838.651V150H861.583V108.816ZM861.583%2089.316V57.492H883.267C896.683%2057.492%20903.547%2063.264%20903.547%2073.404C903.547%2083.388%20896.683%2089.316%20883.267%2089.316H861.583Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M940.468%2093.996C940.468%20127.848%20962.62%20151.716%20993.508%20151.716C1024.24%20151.716%201046.39%20127.848%201046.39%2093.996C1046.39%2060.144%201024.24%2036.276%20993.508%2036.276C962.62%2036.276%20940.468%2060.144%20940.468%2093.996ZM1023.3%2093.996C1023.3%20116.928%201010.98%20131.592%20993.508%20131.592C975.88%20131.592%20963.556%20116.928%20963.556%2093.996C963.556%2071.064%20975.88%2056.4%20993.508%2056.4C1010.98%2056.4%201023.3%2071.064%201023.3%2093.996Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1089.67%20108.348H1105.27L1131.16%20150H1157.37L1129.45%20106.164C1145.2%20101.64%201154.41%2090.252%201154.41%2073.248C1154.41%2050.16%201138.34%2037.992%201112.6%2037.992H1066.73V150H1089.67V108.348ZM1089.67%2089.16V57.492H1111.35C1124.77%2057.492%201131.63%2063.264%201131.63%2073.404C1131.63%2083.388%201124.77%2089.16%201111.35%2089.16H1089.67Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1264.76%2057.804V37.992H1171.47V57.804H1206.73V150H1229.66V57.804H1264.76Z%22%20fill%3D%22%23586ADA%22%20style%3D%22fill%3A%20rgb(88%2C%20106%2C%20218)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://b.stripecdn.com/support-site-statics-srv/assets/public/favicon-58b0b9715a1b3484cf0d.svg", "ogImage": null, "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand 'Stripe'.", "confidence": 0.95, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Contact support24×7 help from our support staff", "reasoning": "The button labeled 'Contact support' is the only button available and is likely the primary CTA due to its placement and text, despite its muted color." }, "secondary": { "index": -1, "text": "N/A", "reasoning": "There is only one button available, so no secondary button can be selected." }, "confidence": 0.8 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "businesses and developers" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.8, "colors": 0.9, "overall": 0.8500000000000001 }, "__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 'Stripe'.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```