# Mytra Brand Identity A complete profile of **Mytra**'s visual system — colors, typography, components, and personality — extracted from https://mytra.ai/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/mytra - Machine-readable JSON: https://characterquilt.com/branding/mytra.json - Per-page llms.txt: https://characterquilt.com/branding/mytra/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #20262F | | Accent | #2B333F | | Body Font | Antique Legacy | | Heading Font | Antique Legacy | ## Color Palette - primary: #20262F - secondary: #3A4350 - accent: #2B333F - background: #000000 - textPrimary: #000000 - link: #2B333F ## Typography - primary: Antique Legacy — https://fonts.google.com/specimen/Antique+Legacy - heading: Antique Legacy — https://fonts.google.com/specimen/Antique+Legacy ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20class%3D%22w-20%20md%3Aw-24%22%20width%3D%22100%25%22%20viewBox%3D%220%200%2092%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-v-058a6c6d%3D%22%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M0.745761%200.194896C0.764698%200.0650419%200.839547%200.0821762%200.913491%200.17596L6.9887%206.99783L12.9728%200.17596C13.0477%200.0821762%2013.1216%200.0659436%2013.1406%200.194896L13.8872%2013H10.5507L10.2504%207.5948L7.08249%2011.2668C7.02748%2011.3218%206.97247%2011.3218%206.91476%2011.2668L3.61699%207.57497L3.31941%2012.9991H0L0.746664%200.193995L0.745761%200.194896Z%22%20fill%3D%22white%22%20data-v-058a6c6d%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M21.5312%200.320312H25.261L27.7571%204.96261L30.2559%200.320312H33.8151L29.3965%208.00157V12.9965H26.0049V8.09536L21.5312%200.321215V0.320312Z%22%20fill%3D%22white%22%20data-v-058a6c6d%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M45.134%203.17441H41.7812V0.320312H51.8838V3.17441H48.5283V12.9965H45.134V3.17441Z%22%20fill%3D%22white%22%20data-v-058a6c6d%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M64.2653%2012.9965H60.8711V0.320312H65.9977C69.2215%200.320312%2071.0115%202.22124%2071.0115%204.81382C71.0115%206.49201%2070.2098%207.814%2068.7002%208.50296L71.3289%2012.9965H67.6569L65.4196%209.02688H64.2653V12.9965ZM65.8299%206.43701C66.9842%206.43701%2067.601%205.85897%2067.601%204.81472C67.601%203.77048%2066.9842%203.19244%2065.8299%203.19244H64.2653V6.43791H65.8299V6.43701Z%22%20fill%3D%22white%22%20data-v-058a6c6d%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M83.264%2011.5778L83.31%2011.4669H83.3109L85.4914%206.3232L87.7043%2011.4669H87.7287L88.3987%2012.9963H91.903L85.7538%200.0973909C85.6961%20-0.0324636%2085.5861%20-0.0324636%2085.5284%200.0973909L79.3594%2012.9963H82.6635L83.2649%2011.5778H83.264Z%22%20fill%3D%22white%22%20data-v-058a6c6d%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Social card (og:image): https://image-cdn.mytra.ai/images/xg8bw7px/production/ff82fd7bd29f5c4aeedee58b8a8bad63321d0201-1920x1080.png ## Brand Personality Tone: modern · Energy: medium · Audience: tech-savvy professionals ## Mytra Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Careers - Mytra** - Image: https://image-cdn.mytra.ai/images/xg8bw7px/production/93cfa8c60fb56c62da28d36e122b7112522d8964-4802x7200.jpg?w=2000&auto=format - Source: https://mytra.ai/careers/ - **Company - Mytra** - Image: https://image-cdn.mytra.ai/images/xg8bw7px/production/de23b35376960d04081dd52395e911a46e0b920c-480x693.png?w=2000&auto=format - Source: https://mytra.ai/company/ - **Company - Mytra** - Image: https://image-cdn.mytra.ai/images/xg8bw7px/production/01b148459900ef111e19d73240461cb1bd0d8cb9-3167x3777.jpg?w=2000&auto=format - Source: https://mytra.ai/company/ - **Company - Mytra** - Image: https://image-cdn.mytra.ai/images/xg8bw7px/production/7b9d18ba8672fa355c6d9218e6255f7a2eee5ca3-600x600.png?w=2000&auto=format - Source: https://mytra.ai/company/ - **Mytra Announces Expansion and New Headquarters with Brisbane, California Campus - Mytra** - Image: https://image-cdn.mytra.ai/images/xg8bw7px/production/a26af32aefda2965ff7f94617472ec598be2b2df-3081x2094.webp?w=2000&auto=format - Source: https://mytra.ai/news/mytra-announces-expansion-and-new-headquarters-with-brisbane-california-campus - **News - Mytra** - Image: https://image-cdn.mytra.ai/images/xg8bw7px/production/c5eafb50298a9b1d241e870de6dede7257566354-7200x4802.jpg?w=2000&auto=format - Source: https://mytra.ai/news ## 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": "dark", "fonts": [ { "family": "Antique Legacy", "role": "unknown" }, { "family": "Rand Mono", "role": "monospace" } ], "colors": { "primary": "#20262F", "secondary": "#3A4350", "accent": "#2B333F", "background": "#000000", "textPrimary": "#000000", "link": "#2B333F" }, "typography": { "fontFamilies": { "primary": "Antique Legacy", "heading": "Antique Legacy" }, "fontStacks": { "heading": [ "Rand Mono", "sans-serif" ], "body": [ "Rand Mono", "sans-serif" ], "paragraph": [ "Arial", "Helvetica", "sans-serif" ] }, "fontSizes": { "h1": "11px", "h2": "11px", "body": "10px" } }, "spacing": { "baseUnit": 4, "borderRadius": "0px" }, "components": {}, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22w-20%20md%3Aw-24%22%20width%3D%22100%25%22%20viewBox%3D%220%200%2092%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-v-058a6c6d%3D%22%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M0.745761%200.194896C0.764698%200.0650419%200.839547%200.0821762%200.913491%200.17596L6.9887%206.99783L12.9728%200.17596C13.0477%200.0821762%2013.1216%200.0659436%2013.1406%200.194896L13.8872%2013H10.5507L10.2504%207.5948L7.08249%2011.2668C7.02748%2011.3218%206.97247%2011.3218%206.91476%2011.2668L3.61699%207.57497L3.31941%2012.9991H0L0.746664%200.193995L0.745761%200.194896Z%22%20fill%3D%22white%22%20data-v-058a6c6d%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M21.5312%200.320312H25.261L27.7571%204.96261L30.2559%200.320312H33.8151L29.3965%208.00157V12.9965H26.0049V8.09536L21.5312%200.321215V0.320312Z%22%20fill%3D%22white%22%20data-v-058a6c6d%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M45.134%203.17441H41.7812V0.320312H51.8838V3.17441H48.5283V12.9965H45.134V3.17441Z%22%20fill%3D%22white%22%20data-v-058a6c6d%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M64.2653%2012.9965H60.8711V0.320312H65.9977C69.2215%200.320312%2071.0115%202.22124%2071.0115%204.81382C71.0115%206.49201%2070.2098%207.814%2068.7002%208.50296L71.3289%2012.9965H67.6569L65.4196%209.02688H64.2653V12.9965ZM65.8299%206.43701C66.9842%206.43701%2067.601%205.85897%2067.601%204.81472C67.601%203.77048%2066.9842%203.19244%2065.8299%203.19244H64.2653V6.43791H65.8299V6.43701Z%22%20fill%3D%22white%22%20data-v-058a6c6d%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M83.264%2011.5778L83.31%2011.4669H83.3109L85.4914%206.3232L87.7043%2011.4669H87.7287L88.3987%2012.9963H91.903L85.7538%200.0973909C85.6961%20-0.0324636%2085.5861%20-0.0324636%2085.5284%200.0973909L79.3594%2012.9963H82.6635L83.2649%2011.5778H83.264Z%22%20fill%3D%22white%22%20data-v-058a6c6d%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": null, "ogImage": "https://image-cdn.mytra.ai/images/xg8bw7px/production/ff82fd7bd29f5c4aeedee58b8a8bad63321d0201-1920x1080.png", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of a primary brand logo.", "confidence": 0.9, "source": "llm" }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy professionals" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0, "colors": 0.9, "overall": 0.45 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of a primary brand logo.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": false, "llmSucceeded": false } } } ```