# Globe Brand Identity A complete profile of **Globe**'s visual system — colors, typography, components, and personality — extracted from https://globe.exchange. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/globe - Machine-readable JSON: https://characterquilt.com/branding/globe.json - Per-page llms.txt: https://characterquilt.com/branding/globe/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #EEBA2B | | Accent | #EEBA2B | | Body Font | Open Sans | | Heading Font | Open Sans | ## Color Palette - primary: #EEBA2B - secondary: #0000EE - accent: #EEBA2B - background: #F2F4F6 - textPrimary: #03060D - link: #243B4E ## Typography - primary: Open Sans — https://fonts.google.com/specimen/Open+Sans - heading: Open Sans — https://fonts.google.com/specimen/Open+Sans ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20height%3D%221.75rem%22%20viewBox%3D%220%200%20252.4%2074.4%22%20x%3D%220px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20y%3D%220px%22%20data-fc-idx%3D%220%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M92.5%2C70.1l3.5-5.2c3.8%2C2.5%2C7.3%2C3.8%2C10.4%2C3.8c2.9%2C0%2C5.2-0.5%2C6.9-1.5c1.7-1%2C2.5-2.3%2C2.5-3.8%20%20%20%20c0-3-2.1-4.4-6.4-4.4c-0.7%2C0-2.1%2C0.2-4%2C0.5c-1.9%2C0.4-3.4%2C0.5-4.5%2C0.5c-5.2%2C0-7.8-2-7.8-5.9c0-1.2%2C0.6-2.3%2C1.8-3.3s2.7-1.7%2C4.5-2.1%20%20%20%20c-5.1-2.4-7.7-6.6-7.7-12.6c0-3.8%2C1.3-7%2C4-9.6c2.7-2.5%2C5.9-3.8%2C9.9-3.8c3.6%2C0%2C6.4%2C0.7%2C8.4%2C2.2l3.2-3.9l4.2%2C4l-3.9%2C2.9%20%20%20%20c1.7%2C2.2%2C2.5%2C5%2C2.5%2C8.5c0%2C3.7-1.2%2C6.8-3.4%2C9.3c-2.3%2C2.5-5.3%2C3.9-9%2C4.3l-5.4%2C0.5c-0.6%2C0.1-1.5%2C0.3-2.6%2C0.7s-1.6%2C1-1.6%2C1.7%20%20%20%20c0%2C0.9%2C1.1%2C1.4%2C3.3%2C1.4c1%2C0%2C2.5-0.2%2C4.6-0.5s3.6-0.5%2C4.6-0.5c3.6%2C0%2C6.4%2C0.9%2C8.4%2C2.6c2%2C1.7%2C3%2C4.1%2C3%2C7.2c0%2C3.4-1.5%2C6.1-4.5%2C8.2%20%20%20%20c-3%2C2.1-6.8%2C3.1-11.4%2C3.1c-2.4%2C0-4.9-0.4-7.5-1.3C96.2%2C72.3%2C94.1%2C71.3%2C92.5%2C70.1z%20M106.3%2C28c-2.2%2C0-4.1%2C0.8-5.5%2C2.4%20%20%20%20c-1.4%2C1.6-2.1%2C3.5-2.1%2C5.8c0%2C2.5%2C0.7%2C4.7%2C2.1%2C6.3c1.4%2C1.7%2C3.2%2C2.5%2C5.6%2C2.5c2.3%2C0%2C4.1-0.8%2C5.4-2.4c1.3-1.6%2C1.9-3.8%2C1.9-6.4%20%20%20%20c0-2.3-0.7-4.2-2.1-5.8C110.1%2C28.8%2C108.4%2C28%2C106.3%2C28z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M127.8%2C49.7V8.5h6.5v40.1c0%2C2%2C0.6%2C3.5%2C1.7%2C4.6c1.1%2C1.1%2C2.6%2C1.7%2C4.4%2C1.7v5.8C132%2C60.7%2C127.8%2C57.1%2C127.8%2C49.7z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M142.3%2C41.7c0-5.6%2C1.5-10.2%2C4.6-13.7s7-5.2%2C12-5.2c5.2%2C0%2C9.3%2C1.7%2C12.2%2C5s4.3%2C8%2C4.3%2C13.9%20%20%20%20c0%2C5.9-1.5%2C10.5-4.4%2C13.9c-3%2C3.4-7%2C5.1-12.1%2C5.1c-5.2%2C0-9.3-1.7-12.2-5.2C143.7%2C52.2%2C142.3%2C47.5%2C142.3%2C41.7z%20M149.1%2C41.7%20%20%20%20c0%2C9.2%2C3.2%2C13.8%2C9.7%2C13.8c3%2C0%2C5.4-1.2%2C7.1-3.7s2.6-5.8%2C2.6-10.1c0-9-3.2-13.6-9.7-13.6c-3%2C0-5.3%2C1.2-7.1%2C3.6%20%20%20%20C150%2C34.1%2C149.1%2C37.5%2C149.1%2C41.7z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M187.7%2C57.4l-2.3%2C3.3h-3.2V8.5h6.5v17.7c0.6-0.8%2C1.8-1.6%2C3.5-2.3c1.7-0.7%2C3.4-1.1%2C5-1.1c5%2C0%2C9.1%2C1.7%2C12.2%2C5.2%20%20%20%20s4.7%2C7.8%2C4.7%2C13.1c0%2C6.1-1.6%2C10.9-4.7%2C14.4c-3.1%2C3.5-7.3%2C5.2-12.7%2C5.2c-1.7%2C0-3.4-0.3-5.1-1C189.8%2C59.1%2C188.6%2C58.3%2C187.7%2C57.4z%20%20%20%20%20M188.7%2C31.1v21.1c0%2C0.4%2C0.8%2C1%2C2.4%2C1.8s2.8%2C1.2%2C3.7%2C1.2c4.4%2C0%2C7.6-1.1%2C9.5-3.2c1.9-2.1%2C2.9-5.7%2C2.9-10.7c0-4.1-1.1-7.4-3.3-9.7%20%20%20%20s-5.2-3.5-9-3.5c-0.8%2C0-1.9%2C0.3-3.3%2C1C190%2C30%2C189.1%2C30.6%2C188.7%2C31.1z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M251.9%2C42.4h-26.4c0%2C4.3%2C1.2%2C7.6%2C3.5%2C9.9c2.1%2C2%2C4.7%2C3%2C8%2C3c3.7%2C0%2C6.8-1.1%2C9.3-3.2l2.7%2C4.7%20%20%20%20c-1%2C1-2.5%2C1.9-4.6%2C2.6c-2.6%2C1-5.5%2C1.4-8.7%2C1.4c-4.6%2C0-8.5-1.6-11.7-4.7c-3.6-3.4-5.4-8.1-5.4-13.9c0-6%2C1.8-10.9%2C5.5-14.5%20%20%20%20c3.3-3.2%2C7.2-4.9%2C11.6-4.9c5.2%2C0%2C9.3%2C1.5%2C12.2%2C4.4c2.9%2C2.8%2C4.3%2C6.6%2C4.3%2C11.2C252.4%2C39.9%2C252.2%2C41.2%2C251.9%2C42.4z%20M236.2%2C28.3%20%20%20%20c-2.9%2C0-5.3%2C0.9-7.3%2C2.8c-1.9%2C1.8-2.9%2C4-3.2%2C6.6H246c0-2.6-0.8-4.8-2.5-6.5C241.7%2C29.2%2C239.3%2C28.3%2C236.2%2C28.3z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M71%2C27.7H52.9H36v16.2h17.1c-3%2C6.5-9.5%2C11-17.1%2C11V72c19.9%2C0%2C36-16.1%2C36-36v-8.3H71z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M36%2C0C16.1%2C0%2C0%2C16.1%2C0%2C35.9h17.1c0-10.4%2C8.5-18.8%2C18.9-18.8V0z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E - Favicon: https://globe.exchange/img/favicon/apple-icon-57x57.png ## UI Components - input: background=#FFFFFF, textColor=#03060D, borderColor=null, borderRadius=8px, shadow=none - buttonPrimary: background=#EEBA2B, textColor=#03060D, borderRadius=8px, shadow=none - buttonSecondary: background=#03060D, textColor=#FFFFFF, borderColor=#03060D, borderRadius=6px, shadow=none ## Brand Personality Tone: modern · Energy: high · Audience: tech-savvy individuals interested in cryptocurrency trading ## Globe Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **globe | Exchange everything** - Image: https://www.datocms-assets.com/58185/1639565007-dep4.png - Source: https://globe.exchange/support/deposit-and-withdraw - **globe | Exchange everything** - Image: https://i.ytimg.com/vi/9MOVinADP7Q/maxresdefault.jpg - Source: https://globe.exchange/gdt - **Built different | globe** - Image: https://globe.exchange/img/theme/light-theme.png - Source: https://globe.exchange/ - **globe | Exchange everything** - Image: https://www.datocms-assets.com/58185/1639565004-dep1-1.png - Source: https://globe.exchange/support/deposit-and-withdraw - **Built different | globe** - Image: https://globe.exchange/img/theme/app.png - Source: https://globe.exchange/ - **Deposit and Withdraw** - Image: https://www.datocms-assets.com/58185/1639565024-with2.png - Source: https://globe.exchange/support/deposit-and-withdraw ## 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": "Roboto", "role": "unknown" } ], "colors": { "primary": "#EEBA2B", "secondary": "#0000EE", "accent": "#EEBA2B", "background": "#F2F4F6", "textPrimary": "#03060D", "link": "#243B4E" }, "typography": { "fontFamilies": { "primary": "Open Sans", "heading": "Open Sans" }, "fontStacks": { "heading": [ "Open Sans", "-apple-system", "BlinkMacSystemFont", "Helvetica", "Roboto", "sans-serif" ], "body": [ "Open Sans", "-apple-system", "BlinkMacSystemFont", "Helvetica", "Roboto", "sans-serif" ], "paragraph": [ "Open Sans", "-apple-system", "BlinkMacSystemFont", "Helvetica", "Roboto", "sans-serif" ] }, "fontSizes": { "h1": "16px", "h2": "18px", "body": "14px" } }, "spacing": { "baseUnit": 4, "borderRadius": "5px" }, "components": { "input": { "background": "#FFFFFF", "textColor": "#03060D", "borderColor": null, "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "none" }, "buttonPrimary": { "background": "#EEBA2B", "textColor": "#03060D", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "0px" }, "shadow": "none" }, "buttonSecondary": { "background": "#03060D", "textColor": "#FFFFFF", "borderColor": "#03060D", "borderRadius": "6px", "borderRadiusCorners": { "topLeft": "6px", "topRight": "6px", "bottomRight": "6px", "bottomLeft": "6px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20height%3D%221.75rem%22%20viewBox%3D%220%200%20252.4%2074.4%22%20x%3D%220px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20y%3D%220px%22%20data-fc-idx%3D%220%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M92.5%2C70.1l3.5-5.2c3.8%2C2.5%2C7.3%2C3.8%2C10.4%2C3.8c2.9%2C0%2C5.2-0.5%2C6.9-1.5c1.7-1%2C2.5-2.3%2C2.5-3.8%20%20%20%20c0-3-2.1-4.4-6.4-4.4c-0.7%2C0-2.1%2C0.2-4%2C0.5c-1.9%2C0.4-3.4%2C0.5-4.5%2C0.5c-5.2%2C0-7.8-2-7.8-5.9c0-1.2%2C0.6-2.3%2C1.8-3.3s2.7-1.7%2C4.5-2.1%20%20%20%20c-5.1-2.4-7.7-6.6-7.7-12.6c0-3.8%2C1.3-7%2C4-9.6c2.7-2.5%2C5.9-3.8%2C9.9-3.8c3.6%2C0%2C6.4%2C0.7%2C8.4%2C2.2l3.2-3.9l4.2%2C4l-3.9%2C2.9%20%20%20%20c1.7%2C2.2%2C2.5%2C5%2C2.5%2C8.5c0%2C3.7-1.2%2C6.8-3.4%2C9.3c-2.3%2C2.5-5.3%2C3.9-9%2C4.3l-5.4%2C0.5c-0.6%2C0.1-1.5%2C0.3-2.6%2C0.7s-1.6%2C1-1.6%2C1.7%20%20%20%20c0%2C0.9%2C1.1%2C1.4%2C3.3%2C1.4c1%2C0%2C2.5-0.2%2C4.6-0.5s3.6-0.5%2C4.6-0.5c3.6%2C0%2C6.4%2C0.9%2C8.4%2C2.6c2%2C1.7%2C3%2C4.1%2C3%2C7.2c0%2C3.4-1.5%2C6.1-4.5%2C8.2%20%20%20%20c-3%2C2.1-6.8%2C3.1-11.4%2C3.1c-2.4%2C0-4.9-0.4-7.5-1.3C96.2%2C72.3%2C94.1%2C71.3%2C92.5%2C70.1z%20M106.3%2C28c-2.2%2C0-4.1%2C0.8-5.5%2C2.4%20%20%20%20c-1.4%2C1.6-2.1%2C3.5-2.1%2C5.8c0%2C2.5%2C0.7%2C4.7%2C2.1%2C6.3c1.4%2C1.7%2C3.2%2C2.5%2C5.6%2C2.5c2.3%2C0%2C4.1-0.8%2C5.4-2.4c1.3-1.6%2C1.9-3.8%2C1.9-6.4%20%20%20%20c0-2.3-0.7-4.2-2.1-5.8C110.1%2C28.8%2C108.4%2C28%2C106.3%2C28z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M127.8%2C49.7V8.5h6.5v40.1c0%2C2%2C0.6%2C3.5%2C1.7%2C4.6c1.1%2C1.1%2C2.6%2C1.7%2C4.4%2C1.7v5.8C132%2C60.7%2C127.8%2C57.1%2C127.8%2C49.7z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M142.3%2C41.7c0-5.6%2C1.5-10.2%2C4.6-13.7s7-5.2%2C12-5.2c5.2%2C0%2C9.3%2C1.7%2C12.2%2C5s4.3%2C8%2C4.3%2C13.9%20%20%20%20c0%2C5.9-1.5%2C10.5-4.4%2C13.9c-3%2C3.4-7%2C5.1-12.1%2C5.1c-5.2%2C0-9.3-1.7-12.2-5.2C143.7%2C52.2%2C142.3%2C47.5%2C142.3%2C41.7z%20M149.1%2C41.7%20%20%20%20c0%2C9.2%2C3.2%2C13.8%2C9.7%2C13.8c3%2C0%2C5.4-1.2%2C7.1-3.7s2.6-5.8%2C2.6-10.1c0-9-3.2-13.6-9.7-13.6c-3%2C0-5.3%2C1.2-7.1%2C3.6%20%20%20%20C150%2C34.1%2C149.1%2C37.5%2C149.1%2C41.7z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M187.7%2C57.4l-2.3%2C3.3h-3.2V8.5h6.5v17.7c0.6-0.8%2C1.8-1.6%2C3.5-2.3c1.7-0.7%2C3.4-1.1%2C5-1.1c5%2C0%2C9.1%2C1.7%2C12.2%2C5.2%20%20%20%20s4.7%2C7.8%2C4.7%2C13.1c0%2C6.1-1.6%2C10.9-4.7%2C14.4c-3.1%2C3.5-7.3%2C5.2-12.7%2C5.2c-1.7%2C0-3.4-0.3-5.1-1C189.8%2C59.1%2C188.6%2C58.3%2C187.7%2C57.4z%20%20%20%20%20M188.7%2C31.1v21.1c0%2C0.4%2C0.8%2C1%2C2.4%2C1.8s2.8%2C1.2%2C3.7%2C1.2c4.4%2C0%2C7.6-1.1%2C9.5-3.2c1.9-2.1%2C2.9-5.7%2C2.9-10.7c0-4.1-1.1-7.4-3.3-9.7%20%20%20%20s-5.2-3.5-9-3.5c-0.8%2C0-1.9%2C0.3-3.3%2C1C190%2C30%2C189.1%2C30.6%2C188.7%2C31.1z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M251.9%2C42.4h-26.4c0%2C4.3%2C1.2%2C7.6%2C3.5%2C9.9c2.1%2C2%2C4.7%2C3%2C8%2C3c3.7%2C0%2C6.8-1.1%2C9.3-3.2l2.7%2C4.7%20%20%20%20c-1%2C1-2.5%2C1.9-4.6%2C2.6c-2.6%2C1-5.5%2C1.4-8.7%2C1.4c-4.6%2C0-8.5-1.6-11.7-4.7c-3.6-3.4-5.4-8.1-5.4-13.9c0-6%2C1.8-10.9%2C5.5-14.5%20%20%20%20c3.3-3.2%2C7.2-4.9%2C11.6-4.9c5.2%2C0%2C9.3%2C1.5%2C12.2%2C4.4c2.9%2C2.8%2C4.3%2C6.6%2C4.3%2C11.2C252.4%2C39.9%2C252.2%2C41.2%2C251.9%2C42.4z%20M236.2%2C28.3%20%20%20%20c-2.9%2C0-5.3%2C0.9-7.3%2C2.8c-1.9%2C1.8-2.9%2C4-3.2%2C6.6H246c0-2.6-0.8-4.8-2.5-6.5C241.7%2C29.2%2C239.3%2C28.3%2C236.2%2C28.3z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M71%2C27.7H52.9H36v16.2h17.1c-3%2C6.5-9.5%2C11-17.1%2C11V72c19.9%2C0%2C36-16.1%2C36-36v-8.3H71z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M36%2C0C16.1%2C0%2C0%2C16.1%2C0%2C35.9h17.1c0-10.4%2C8.5-18.8%2C18.9-18.8V0z%22%20fill%3D%22%2303060D%22%20style%3D%22fill%3A%20rgb(3%2C%206%2C%2013)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E", "favicon": "https://globe.exchange/img/favicon/apple-icon-57x57.png", "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 inferred from the URL and page title.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 1, "text": "Sign up", "reasoning": "Button #1 is the primary CTA because it uses the vibrant brand color #EEBA2B, which is consistent with the site's primary color scheme, and the text 'Sign up' is action-oriented, encouraging user engagement." }, "secondary": { "index": 0, "text": "Buy now", "reasoning": "Button #0 is selected as the secondary CTA because it has a different background color (#03060D) from the primary button and the text 'Buy now' suggests a secondary action." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "high", "targetAudience": "tech-savvy individuals interested in cryptocurrency trading" }, "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 inferred from the URL and page title.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```