# Ping Brand Identity A complete profile of **Ping**'s visual system — colors, typography, components, and personality — extracted from https://www.letsping.com/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/ping - Machine-readable JSON: https://characterquilt.com/branding/ping.json - Per-page llms.txt: https://characterquilt.com/branding/ping/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #5900CC | | Accent | #5900CC | | Body Font | Open Sans | | Heading Font | Inter | ## Color Palette - primary: #5900CC - secondary: #8B4DDB - accent: #5900CC - background: #FFFFFF - textPrimary: #0000EE - link: #0000EE ## Typography - primary: Open Sans — https://fonts.google.com/specimen/Open+Sans - heading: Inter — https://fonts.google.com/specimen/Inter ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22width%3A%20100%25%3B%20height%3A%20100%25%22%20viewBox%3D%220%200%20116%2036%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%22116%22%20height%3D%2236%22%20viewBox%3D%220%200%20116%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22svg1724919024_4345%22%3E%0A%3Cpath%20d%3D%22M69.2907%2027.5532C68.5021%2027.5532%2067.8965%2027.317%2067.4774%2026.8434C67.0571%2026.3709%2066.8463%2025.7132%2066.8463%2024.8726V10.402C66.8463%208.61535%2067.6603%207.72144%2069.2907%207.72144C70.9465%207.72144%2071.7744%208.61535%2071.7744%2010.402V24.8714C71.7744%2025.7132%2071.5637%2026.3698%2071.1434%2026.8422C70.7219%2027.317%2070.1047%2027.5532%2069.2907%2027.5532Z%22%20fill%3D%22%2304045B%22%2F%3E%0A%3Cpath%20d%3D%22M77.2665%2027.5927C75.6362%2027.5927%2074.8221%2026.7521%2074.8221%2025.0696V10.166C74.8221%208.51017%2075.6234%207.68225%2077.2272%207.68225C78.8297%207.68225%2079.6322%208.51017%2079.6322%2010.166V10.9939C80.2887%209.89041%2081.1757%209.0486%2082.2931%208.4708C83.4105%207.893%2084.6645%207.60352%2086.0586%207.60352C90.6058%207.60352%2092.8799%2010.2447%2092.8799%2015.5283V25.0696C92.8799%2026.7521%2092.0648%2027.5927%2090.4356%2027.5927C88.7797%2027.5927%2087.9518%2026.7521%2087.9518%2025.0696V15.7645C87.9518%2014.2662%2087.6693%2013.6386%2087.1042%2012.9554C86.5392%2012.2723%2085.6649%2011.9307%2084.4827%2011.9307C83.0364%2011.9307%2081.8866%2012.3834%2081.0332%2013.2912C80.1787%2014.1979%2079.7514%2014.9378%2079.7514%2016.4361V25.0708C79.7503%2026.7521%2078.9223%2027.5927%2077.2665%2027.5927Z%22%20fill%3D%22%2304045B%22%2F%3E%0A%3Cpath%20d%3D%22M104.798%2034.7682C104.405%2034.7682%20101.032%2034.6651%2099.3052%2033.7481C97.9215%2033.0128%2098.0442%2031.4843%2098.248%2031.0871C98.5583%2030.4839%2099.069%2029.7926%20100.398%2029.9211C102.294%2030.1029%20103.314%2030.7224%20104.404%2030.7595C107.924%2030.8776%20109.687%2029.3283%20109.687%2025.9367V23.9335C109.135%2025.0115%20108.54%2025.9738%20107.397%2026.6048C106.254%2027.2359%20104.732%2027.4432%20103.339%2027.4432C101.605%2027.4432%20100.192%2026.7507%2098.9046%2025.9494C97.6169%2025.1482%2096.3537%2023.4715%2095.8083%2022.2314C95.161%2020.7573%2094.7441%2019.1038%2094.7441%2017.1851C94.7441%2015.2665%2095.0985%2013.5909%2095.8083%2012.1586C96.5181%2010.7263%2097.5162%209.61001%2098.805%208.80757C100.093%208.00629%20101.605%207.60449%20103.339%207.60449C104.732%207.60449%20105.995%207.90671%20107.125%208.51115C108.255%209.11558%20109.083%209.94349%20109.608%2010.9949V10.167C109.608%209.35295%20109.825%208.73462%20110.259%208.3143C110.693%207.89397%20111.291%207.68323%20112.053%207.68323C113.682%207.68323%20114.497%208.51115%20114.497%2010.167V25.3462C114.497%2028.7921%20113.669%2030.8266%20112.013%2032.4037C110.358%2033.9796%20107.953%2034.7682%20104.798%2034.7682ZM104.679%2023.0581C106.137%2023.0581%20107.293%2022.5556%20108.147%2021.5505C109.002%2020.5454%20109.429%2019.1756%20109.429%2017.441C109.429%2015.7065%20109.002%2014.3436%20108.147%2013.3501C107.293%2012.3578%20106.136%2011.861%20104.679%2011.861C103.221%2011.861%20102.065%2012.3578%20101.211%2013.3501C100.357%2014.3436%2099.9293%2015.7065%2099.9293%2017.441C99.9293%2019.1756%20100.357%2020.5454%20101.211%2021.5505C102.066%2022.5556%20103.221%2023.0581%20104.679%2023.0581Z%22%20fill%3D%22%2304045B%22%2F%3E%0A%3Cpath%20d%3D%22M69.3012%205.24592C70.6748%205.24592%2071.7884%204.13235%2071.7884%202.7587C71.7884%201.38505%2070.6748%200.271484%2069.3012%200.271484C67.9275%200.271484%2066.814%201.38505%2066.814%202.7587C66.814%204.13235%2067.9275%205.24592%2069.3012%205.24592Z%22%20fill%3D%22%2304045B%22%2F%3E%0A%3Cpath%20d%3D%22M56.1182%207.55599C53.5337%207.6162%2051.358%208.79496%2049.8434%2010.6766V10.1648C49.8434%208.50896%2049.0282%207.68104%2047.399%207.68104C45.7953%207.68104%2044.994%208.50896%2044.994%2010.1648V32.2047C44.994%2033.8605%2045.808%2034.6884%2047.4384%2034.6884C49.0942%2034.6884%2049.9221%2033.8605%2049.9221%2032.2047V24.6956C51.3475%2026.4405%2053.36%2027.588%2055.8252%2027.588C60.5623%2027.588%2064.6949%2023.4925%2064.6949%2017.8928C64.6949%2012.293%2061.433%207.43325%2056.1182%207.55599ZM54.68%2023.1926C51.9566%2023.1926%2049.7484%2020.5942%2049.7484%2017.3879C49.7484%2014.1828%2051.9566%2011.5832%2054.68%2011.5832C57.4035%2011.5832%2059.6116%2014.1816%2059.6116%2017.3879C59.6116%2020.5942%2057.4035%2023.1926%2054.68%2023.1926Z%22%20fill%3D%22%2304045B%22%2F%3E%0A%3Cpath%20d%3D%22M18.9164%2030.1888C8.6445%2030.1888%200.286621%2021.8321%200.286621%2011.5602C0.286621%209.51991%201.94129%207.86523%203.98155%207.86523C6.02181%207.86523%207.67648%209.51991%207.67648%2011.5602C7.67648%2017.7574%2012.7181%2022.8001%2018.9164%2022.8001C25.1148%2022.8001%2030.1564%2017.7585%2030.1564%2011.5602C30.1564%209.51991%2031.811%207.86523%2033.8513%207.86523C35.8916%207.86523%2037.5462%209.51991%2037.5462%2011.5602C37.5451%2021.8321%2029.1884%2030.1888%2018.9164%2030.1888Z%22%20fill%3D%22%235900CC%22%2F%3E%0A%3Cpath%20d%3D%22M3.97%2015.2528C6.01513%2015.2528%207.67304%2013.5948%207.67304%2011.5497C7.67304%209.50459%206.01513%207.84668%203.97%207.84668C1.92487%207.84668%200.266968%209.50459%200.266968%2011.5497C0.266968%2013.5948%201.92487%2015.2528%203.97%2015.2528Z%22%20fill%3D%22%23C028B9%22%2F%3E%0A%3Cpath%20d%3D%22M33.8317%2015.2528C35.8768%2015.2528%2037.5347%2013.5948%2037.5347%2011.5497C37.5347%209.50459%2035.8768%207.84668%2033.8317%207.84668C31.7866%207.84668%2030.1287%209.50459%2030.1287%2011.5497C30.1287%2013.5948%2031.7866%2015.2528%2033.8317%2015.2528Z%22%20fill%3D%22%23C028B9%22%2F%3E%0A%3C%2Fsvg%3E%3C%2Fsvg%3E - Favicon: https://framerusercontent.com/images/LwipXCcinuiX5EvHdJsXLeiNOA.png - Social card (og:image): https://framerusercontent.com/images/ZtwLyQXo72AiyKDkfXeBgduZqp0.jpg ## UI Components - input: background=#F7F2FC, textColor=#141216, borderColor=null, borderRadius=8px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 1px inset - buttonPrimary: background=#5900CC, textColor=#0000EE, borderRadius=8px, shadow=rgba(0, 0, 0, 0.05) 0px 1px 2px 0px - buttonSecondary: background=#F7F2FC, textColor=#0000EE, borderRadius=8px, shadow=none ## Brand Personality Tone: modern · Energy: medium · Audience: individuals seeking USD accounts in the US ## Ping Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Ping - el paso hacia la felicidad financiera** - Image: https://framerusercontent.com/images/PlPTb7fOYCPySvAQmiiH1zDzkU.png - Source: https://www.letsping.com/es - **Ping - el paso hacia la felicidad financiera** - Image: https://framerusercontent.com/images/u0ZId1vK3RbumLagnV8AWJWXV4.png - Source: https://www.letsping.com/es - **Ping - your USD account in the US** - Image: https://framerusercontent.com/images/P8XYQzXaOUBndhQPYpSW6aTYnIc.png?scale-down-to=2048 - Source: https://www.letsping.com/ - **Ping - el paso hacia la felicidad financiera** - Image: https://framerusercontent.com/images/abg9ZrV6BXfBrDelg9srNmmOlQ.png - Source: https://www.letsping.com/es - **Ping - your USD account in the US** - Image: https://framerusercontent.com/images/gUL0rN8NY6nL7tqYbgIa8IW6sI.png?scale-down-to=2048 - Source: https://www.letsping.com/ - **Ping - el paso hacia la felicidad financiera** - Image: https://framerusercontent.com/images/tGRKLSD3zSoNnP2cocHSxpLM.png - Source: https://www.letsping.com/es ## 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": "Open Sans", "role": "body" }, { "family": "Inter", "role": "heading" }, { "family": "Nunito", "role": "unknown" } ], "colors": { "primary": "#5900CC", "secondary": "#8B4DDB", "accent": "#5900CC", "background": "#FFFFFF", "textPrimary": "#0000EE", "link": "#0000EE" }, "typography": { "fontFamilies": { "primary": "Open Sans", "heading": "Inter" }, "fontStacks": { "heading": [ "Nunito", "serif" ], "body": [ "sans-serif" ], "paragraph": [ "Open Sans", "sans-serif" ] }, "fontSizes": { "h1": "67px", "h2": "67px", "body": "20px" } }, "spacing": { "baseUnit": 4, "borderRadius": "0px" }, "components": { "input": { "background": "#F7F2FC", "textColor": "#141216", "borderColor": null, "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 1px inset" }, "buttonPrimary": { "background": "#5900CC", "textColor": "#0000EE", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "rgba(0, 0, 0, 0.05) 0px 1px 2px 0px" }, "buttonSecondary": { "background": "#F7F2FC", "textColor": "#0000EE", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22width%3A%20100%25%3B%20height%3A%20100%25%22%20viewBox%3D%220%200%20116%2036%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%22116%22%20height%3D%2236%22%20viewBox%3D%220%200%20116%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22svg1724919024_4345%22%3E%0A%3Cpath%20d%3D%22M69.2907%2027.5532C68.5021%2027.5532%2067.8965%2027.317%2067.4774%2026.8434C67.0571%2026.3709%2066.8463%2025.7132%2066.8463%2024.8726V10.402C66.8463%208.61535%2067.6603%207.72144%2069.2907%207.72144C70.9465%207.72144%2071.7744%208.61535%2071.7744%2010.402V24.8714C71.7744%2025.7132%2071.5637%2026.3698%2071.1434%2026.8422C70.7219%2027.317%2070.1047%2027.5532%2069.2907%2027.5532Z%22%20fill%3D%22%2304045B%22%2F%3E%0A%3Cpath%20d%3D%22M77.2665%2027.5927C75.6362%2027.5927%2074.8221%2026.7521%2074.8221%2025.0696V10.166C74.8221%208.51017%2075.6234%207.68225%2077.2272%207.68225C78.8297%207.68225%2079.6322%208.51017%2079.6322%2010.166V10.9939C80.2887%209.89041%2081.1757%209.0486%2082.2931%208.4708C83.4105%207.893%2084.6645%207.60352%2086.0586%207.60352C90.6058%207.60352%2092.8799%2010.2447%2092.8799%2015.5283V25.0696C92.8799%2026.7521%2092.0648%2027.5927%2090.4356%2027.5927C88.7797%2027.5927%2087.9518%2026.7521%2087.9518%2025.0696V15.7645C87.9518%2014.2662%2087.6693%2013.6386%2087.1042%2012.9554C86.5392%2012.2723%2085.6649%2011.9307%2084.4827%2011.9307C83.0364%2011.9307%2081.8866%2012.3834%2081.0332%2013.2912C80.1787%2014.1979%2079.7514%2014.9378%2079.7514%2016.4361V25.0708C79.7503%2026.7521%2078.9223%2027.5927%2077.2665%2027.5927Z%22%20fill%3D%22%2304045B%22%2F%3E%0A%3Cpath%20d%3D%22M104.798%2034.7682C104.405%2034.7682%20101.032%2034.6651%2099.3052%2033.7481C97.9215%2033.0128%2098.0442%2031.4843%2098.248%2031.0871C98.5583%2030.4839%2099.069%2029.7926%20100.398%2029.9211C102.294%2030.1029%20103.314%2030.7224%20104.404%2030.7595C107.924%2030.8776%20109.687%2029.3283%20109.687%2025.9367V23.9335C109.135%2025.0115%20108.54%2025.9738%20107.397%2026.6048C106.254%2027.2359%20104.732%2027.4432%20103.339%2027.4432C101.605%2027.4432%20100.192%2026.7507%2098.9046%2025.9494C97.6169%2025.1482%2096.3537%2023.4715%2095.8083%2022.2314C95.161%2020.7573%2094.7441%2019.1038%2094.7441%2017.1851C94.7441%2015.2665%2095.0985%2013.5909%2095.8083%2012.1586C96.5181%2010.7263%2097.5162%209.61001%2098.805%208.80757C100.093%208.00629%20101.605%207.60449%20103.339%207.60449C104.732%207.60449%20105.995%207.90671%20107.125%208.51115C108.255%209.11558%20109.083%209.94349%20109.608%2010.9949V10.167C109.608%209.35295%20109.825%208.73462%20110.259%208.3143C110.693%207.89397%20111.291%207.68323%20112.053%207.68323C113.682%207.68323%20114.497%208.51115%20114.497%2010.167V25.3462C114.497%2028.7921%20113.669%2030.8266%20112.013%2032.4037C110.358%2033.9796%20107.953%2034.7682%20104.798%2034.7682ZM104.679%2023.0581C106.137%2023.0581%20107.293%2022.5556%20108.147%2021.5505C109.002%2020.5454%20109.429%2019.1756%20109.429%2017.441C109.429%2015.7065%20109.002%2014.3436%20108.147%2013.3501C107.293%2012.3578%20106.136%2011.861%20104.679%2011.861C103.221%2011.861%20102.065%2012.3578%20101.211%2013.3501C100.357%2014.3436%2099.9293%2015.7065%2099.9293%2017.441C99.9293%2019.1756%20100.357%2020.5454%20101.211%2021.5505C102.066%2022.5556%20103.221%2023.0581%20104.679%2023.0581Z%22%20fill%3D%22%2304045B%22%2F%3E%0A%3Cpath%20d%3D%22M69.3012%205.24592C70.6748%205.24592%2071.7884%204.13235%2071.7884%202.7587C71.7884%201.38505%2070.6748%200.271484%2069.3012%200.271484C67.9275%200.271484%2066.814%201.38505%2066.814%202.7587C66.814%204.13235%2067.9275%205.24592%2069.3012%205.24592Z%22%20fill%3D%22%2304045B%22%2F%3E%0A%3Cpath%20d%3D%22M56.1182%207.55599C53.5337%207.6162%2051.358%208.79496%2049.8434%2010.6766V10.1648C49.8434%208.50896%2049.0282%207.68104%2047.399%207.68104C45.7953%207.68104%2044.994%208.50896%2044.994%2010.1648V32.2047C44.994%2033.8605%2045.808%2034.6884%2047.4384%2034.6884C49.0942%2034.6884%2049.9221%2033.8605%2049.9221%2032.2047V24.6956C51.3475%2026.4405%2053.36%2027.588%2055.8252%2027.588C60.5623%2027.588%2064.6949%2023.4925%2064.6949%2017.8928C64.6949%2012.293%2061.433%207.43325%2056.1182%207.55599ZM54.68%2023.1926C51.9566%2023.1926%2049.7484%2020.5942%2049.7484%2017.3879C49.7484%2014.1828%2051.9566%2011.5832%2054.68%2011.5832C57.4035%2011.5832%2059.6116%2014.1816%2059.6116%2017.3879C59.6116%2020.5942%2057.4035%2023.1926%2054.68%2023.1926Z%22%20fill%3D%22%2304045B%22%2F%3E%0A%3Cpath%20d%3D%22M18.9164%2030.1888C8.6445%2030.1888%200.286621%2021.8321%200.286621%2011.5602C0.286621%209.51991%201.94129%207.86523%203.98155%207.86523C6.02181%207.86523%207.67648%209.51991%207.67648%2011.5602C7.67648%2017.7574%2012.7181%2022.8001%2018.9164%2022.8001C25.1148%2022.8001%2030.1564%2017.7585%2030.1564%2011.5602C30.1564%209.51991%2031.811%207.86523%2033.8513%207.86523C35.8916%207.86523%2037.5462%209.51991%2037.5462%2011.5602C37.5451%2021.8321%2029.1884%2030.1888%2018.9164%2030.1888Z%22%20fill%3D%22%235900CC%22%2F%3E%0A%3Cpath%20d%3D%22M3.97%2015.2528C6.01513%2015.2528%207.67304%2013.5948%207.67304%2011.5497C7.67304%209.50459%206.01513%207.84668%203.97%207.84668C1.92487%207.84668%200.266968%209.50459%200.266968%2011.5497C0.266968%2013.5948%201.92487%2015.2528%203.97%2015.2528Z%22%20fill%3D%22%23C028B9%22%2F%3E%0A%3Cpath%20d%3D%22M33.8317%2015.2528C35.8768%2015.2528%2037.5347%2013.5948%2037.5347%2011.5497C37.5347%209.50459%2035.8768%207.84668%2033.8317%207.84668C31.7866%207.84668%2030.1287%209.50459%2030.1287%2011.5497C30.1287%2013.5948%2031.7866%2015.2528%2033.8317%2015.2528Z%22%20fill%3D%22%23C028B9%22%2F%3E%0A%3C%2Fsvg%3E%3C%2Fsvg%3E", "favicon": "https://framerusercontent.com/images/LwipXCcinuiX5EvHdJsXLeiNOA.png", "ogImage": "https://framerusercontent.com/images/ZtwLyQXo72AiyKDkfXeBgduZqp0.jpg", "logoHref": "./" }, "__llm_logo_reasoning": { "selectedIndex": 2, "reasoning": "Selected #2 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Join Now", "reasoning": "Button #0 'Join Now' uses the vibrant brand color #5900CC, which is a strong indicator of a primary CTA. The text is action-oriented, encouraging users to take immediate action." }, "secondary": { "index": 3, "text": "Visit our Help Center", "reasoning": "Button #3 'Visit our Help Center' has a different background color (#F7F2FC) and serves as a supportive action, making it suitable as a secondary button." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "individuals seeking USD accounts in the US" }, "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": 2, "selectedLogoReasoning": "Selected #2 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```