# Tella Brand Identity A complete profile of **Tella**'s visual system — colors, typography, components, and personality — extracted from https://tella.tv/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/tella - Machine-readable JSON: https://characterquilt.com/branding/tella.json - Per-page llms.txt: https://characterquilt.com/branding/tella/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #0F172A | | Accent | #94A3B8 | | Body Font | Inter | | Heading Font | Inter | ## Color Palette - primary: #0F172A - secondary: #CBD5E1 - accent: #94A3B8 - background: #FFFFFF - textPrimary: #000000 - link: #94A3B8 ## Typography - primary: Inter — https://fonts.google.com/specimen/Inter - heading: Inter — https://fonts.google.com/specimen/Inter ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%2281%22%20height%3D%2224%22%20viewBox%3D%220%200%20450%20134%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M198.506%20117.991C190.393%20117.991%20184.435%20116.173%20180.628%20112.539C176.924%20108.905%20175.07%20103.158%20175.07%2095.298V20.7344H194.9V93.235C194.9%2096.969%20195.702%2099.5214%20197.304%20100.898C198.905%20102.274%20201.411%20102.961%20204.815%20102.961H216.082V117.991H198.506ZM162.3%2054.1849V39.3016H216.082V54.1849H162.3Z%22%20fill%3D%22%231B193A%22%20style%3D%22fill%3A%20rgb(27%2C%2025%2C%2058)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M262.581%20120.351C254.688%20120.351%20247.571%20118.569%20241.238%20115.001C234.901%20111.435%20229.917%20106.546%20226.282%20100.331C222.751%2094.0155%20220.983%2086.9344%20220.983%2079.0902C220.983%2071.6538%20222.749%2064.7753%20226.282%2058.4599C229.812%2052.0419%20234.695%2046.9475%20240.926%2043.1793C247.158%2039.4111%20254.117%2037.5244%20261.803%2037.5244C270.009%2037.5244%20277.07%2039.2559%20282.991%2042.7214C288.911%2046.1844%20293.378%2050.9236%20296.388%2056.9337C299.502%2062.9438%20301.061%2069.6171%20301.061%2076.9535C301.061%2079.298%20300.905%2081.5374%20300.594%2083.6767H240.926C241.965%2089.8921%20244.457%2094.6286%20248.406%2097.889C252.456%20101.047%20257.285%20102.626%20262.895%20102.626C267.568%20102.626%20271.568%20101.657%20274.892%2099.7231C278.32%2097.6863%20281.022%2094.9865%20282.993%2091.6236L299.508%2099.5704C291.406%20113.425%20279.098%20120.353%20262.586%20120.353L262.581%20120.351ZM281.432%2069.4618C281.225%2067.0173%20280.292%2064.6227%20278.629%2062.2807C277.07%2059.8361%20274.841%2057.8494%20271.93%2056.3206C269.127%2054.6917%20265.803%2053.876%20261.958%2053.876C257.076%2053.876%20252.87%2055.3022%20249.339%2058.1547C245.911%2060.9045%20243.419%2064.6753%20241.86%2069.4645H281.432V69.4618Z%22%20fill%3D%22%231B193A%22%20style%3D%22fill%3A%20rgb(27%2C%2025%2C%2058)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M307.939%2012.4849H327.619V117.994H307.939V12.4849Z%22%20fill%3D%22%231B193A%22%20style%3D%22fill%3A%20rgb(27%2C%2025%2C%2058)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M342.455%2012.4849H362.135V117.994H342.455V12.4849Z%22%20fill%3D%22%231B193A%22%20style%3D%22fill%3A%20rgb(27%2C%2025%2C%2058)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M398.471%20119.762C390.059%20119.762%20383.298%20117.896%20378.19%20114.162C373.083%20110.331%20370.529%20105.026%20370.529%2098.2475C370.529%2091.469%20372.683%2086.0667%20376.989%2082.3328C381.294%2078.5014%20387.856%2075.7516%20396.669%2074.0807L423.109%2068.9231C423.109%2063.4208%20421.808%2059.2948%20419.203%2056.5449C416.7%2053.7951%20412.993%2052.4189%20408.086%2052.4189C403.48%2052.4189%20399.875%2053.4504%20397.27%2055.5134C394.665%2057.5765%20392.913%2060.5736%20392.012%2064.5023L371.881%2063.4708C373.383%2055.1214%20377.238%2048.7349%20383.449%2044.3142C389.758%2039.796%20397.97%2037.5356%20408.086%2037.5356C419.603%2037.5356%20428.316%2040.3355%20434.226%2045.9351C440.136%2051.5347%20443.09%2059.6395%20443.09%2070.2493V98.5422C443.09%20100.605%20443.441%20102.029%20444.141%20102.816C444.841%20103.602%20445.944%20103.995%20447.446%20103.995H450V117.994C449.399%20118.191%20448.399%20118.338%20446.996%20118.436C445.593%20118.633%20444.192%20118.73%20442.789%20118.73C439.484%20118.73%20436.53%20118.191%20433.926%20117.109C431.321%20116.028%20429.269%20114.212%20427.766%20111.657C426.264%20109.005%20425.513%20105.418%20425.513%20100.9L427.316%20102.079C426.414%20105.518%20424.662%20108.613%20422.057%20111.362C419.453%20114.015%20416.099%20116.078%20411.992%20117.552C407.987%20119.025%20403.48%20119.762%20398.471%20119.762ZM402.678%20105.763C406.884%20105.763%20410.49%20104.976%20413.494%20103.405C416.499%20101.734%20418.852%2099.4764%20420.555%2096.6266C422.259%2093.6794%20423.109%2090.2402%20423.109%2086.3115V81.8907L402.828%2086.0167C398.721%2086.8035%20395.716%2088.0798%20393.814%2089.8481C392.012%2091.519%20391.11%2093.7294%20391.11%2096.4792C391.11%2099.4264%20392.111%20101.734%20394.115%20103.405C396.119%20104.976%20398.973%20105.763%20402.678%20105.763Z%22%20fill%3D%22%231B193A%22%20style%3D%22fill%3A%20rgb(27%2C%2025%2C%2058)%20!important%3B%22%2F%3E%3Cg%20clip-path%3D%22url(%23nav-logo-clip)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M0%2017.37C0%207.23749%207.23747%200%2017.3699%200H115.8C125.932%200%20133.169%207.23749%20133.169%2017.37V115.8C133.169%20125.932%20125.932%20133.17%20115.8%20133.17C105.667%20133.17%2017.3699%20133.17%2017.3699%20133.17C7.23747%20133.17%200%20125.932%200%20115.8V17.37Z%22%20fill%3D%22url(%23nav-logo-grad)%22%20style%3D%22fill%3A%20url(%26quot%3B%23nav-logo-grad%26quot%3B)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M107.67%2070.8329C105.138%2070.7178%2077.9698%2070.7178%2075.4372%2070.8329C72.9046%2070.948%2070.9476%2072.9051%2070.8324%2075.4377C70.7173%2077.9703%2070.7173%20105.138%2070.8324%20107.671C70.9476%20110.204%2072.9046%20112.161%2075.4372%20112.276C77.9698%20112.391%20105.138%20112.391%20107.67%20112.276C110.203%20112.161%20112.16%20110.204%20112.275%20107.671C112.39%20105.138%20112.39%2077.9703%20112.275%2075.4377C112.16%2072.9051%20110.203%2070.948%20107.67%2070.8329Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M20.8076%2072.9707C20.8075%2071.2612%2022.9095%2070.1926%2024.5914%2071.0474L61.1617%2089.629C62.8434%2090.4835%2062.8436%2092.62%2061.1621%2093.475L24.5949%20112.061C22.9132%20112.916%2020.811%20111.848%2020.8108%20110.139L20.8076%2072.9707Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M41.6154%2062.4237C53.1072%2062.4237%2062.4231%2053.1078%2062.4231%2041.6159C62.4231%2030.124%2053.1072%2020.8081%2041.6154%2020.8081C30.1235%2020.8081%2020.8076%2030.124%2020.8076%2041.6159C20.8076%2053.1078%2030.1235%2062.4237%2041.6154%2062.4237Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M74.9076%2020.8081C74.9076%2020.8081%20104.038%2020.8081%20108.2%2020.8081C112.362%2020.8081%20112.362%2024.9697%20112.362%2024.9697C112.362%2024.9697%20112.362%2024.9697%20112.362%2029.1312C112.362%2033.2928%20108.2%2033.2928%20108.2%2033.2928L97.7961%2033.2928V58.2621C97.7961%2058.2621%2097.7962%2062.4237%2093.6346%2062.4237C89.473%2062.4237%2093.6346%2062.4237%2089.4731%2062.4237C85.3115%2062.4237%2085.3115%2058.2621%2085.3115%2058.2621V33.2928L74.9076%2033.2928C74.9076%2033.2928%2070.7461%2033.2928%2070.7461%2029.1312C70.7461%2024.9697%2070.7461%2029.1312%2070.7461%2024.9697C70.7461%2020.8081%2074.9076%2020.8081%2074.9076%2020.8081Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CradialGradient%20id%3D%22nav-logo-grad%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(66.5847)%20rotate(90)%20scale(133.17%20133.169)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-color%3D%22%238278FA%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(130%2C%20120%2C%20250)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235E51F8%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(94%2C%2081%2C%20248)%20!important%3B%22%2F%3E%3C%2FradialGradient%3E%3CclipPath%20id%3D%22nav-logo-clip%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22133.169%22%20height%3D%22133.17%22%20fill%3D%22white%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://www.tella.com/safari-pinned-tab.svg - Social card (og:image): https://www.tella.com/marketing-site/og-image.png ## UI Components - input: background=#F8FAFC, textColor=#0F172A, borderColor=#E2E8F0, borderRadius=20.5px, shadow=none - buttonPrimary: background=#FFFFFF, textColor=#000000, borderRadius=14px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(94, 81, 248, 0.25) 0px 0px 16px 1px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px - buttonSecondary: background=#F1F5F9, textColor=#0F172A, borderRadius=33554400px, shadow=none ## Brand Personality Tone: modern · Energy: medium · Audience: tech-savvy professionals ## Tella Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **13 Must-Have Video Editing Tools for Better Video Storytelling | Tella Blog** - Image: https://www.tella.com/blog/mwVNXMEfNuVuCf83lg3Fj6Whly0.jpg - Source: https://www.tella.tv/blog/13-must-have-video-editing-tools-for-better-video-storytelling - **13 Must-Have Video Editing Tools for Better Video Storytelling | Tella Blog** - Image: https://www.tella.com/blog/6irjIejT4CagnMpWwecVQg80QJY.jpg - Source: https://www.tella.tv/blog/13-must-have-video-editing-tools-for-better-video-storytelling - **Loom Pricing Explained | Tella Blog** - Image: https://www.tella.com/blog/kci0mWivKP0loQG5qieryFbkMw.png - Source: https://www.tella.tv/blog/loom-pricing-explained - **Why you should edit your Zoom recordings** - Image: https://framerusercontent.com/images/YyFdR1DQRABpq75eIQ4IPqew4lM.jpg?width=4000&height=2800 - Source: https://www.tella.tv/blog/why-you-should-edit-your-zoom-recordings?dub_id=lEtssbQB4GGoMEZs - **How Much Does it Cost to Start a Podcast? | Tella Blog** - Image: https://www.tella.com/blog/SSbiRWHBcuGpQaBhIhY4Siyzyo.jpg - Source: https://www.tella.tv/blog/how-much-does-it-cost-to-start-a-podcast - **AI Video Title | Tella** - Image: https://www.tella.tv/marketing-site/grainy_shapes_bg.jpg - Source: https://www.tella.tv/features/ai-video-title ## 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": "Inter", "role": "body" } ], "colors": { "primary": "#0F172A", "secondary": "#CBD5E1", "accent": "#94A3B8", "background": "#FFFFFF", "textPrimary": "#000000", "link": "#94A3B8" }, "typography": { "fontFamilies": { "primary": "Inter", "heading": "Inter" }, "fontStacks": { "heading": [ "Inter", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ], "body": [ "Inter", "sans-serif" ], "paragraph": [ "Inter", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ] }, "fontSizes": { "h1": "60px", "h2": "16px", "body": "20px" } }, "spacing": { "baseUnit": 4, "borderRadius": "6px" }, "components": { "input": { "background": "#F8FAFC", "textColor": "#0F172A", "borderColor": "#E2E8F0", "borderRadius": "20.5px", "borderRadiusCorners": { "topLeft": "20.5px", "topRight": "20.5px", "bottomRight": "20.5px", "bottomLeft": "20.5px" }, "shadow": "none" }, "buttonPrimary": { "background": "#FFFFFF", "textColor": "#000000", "borderRadius": "14px", "borderRadiusCorners": { "topLeft": "14px", "topRight": "14px", "bottomRight": "14px", "bottomLeft": "14px" }, "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(94, 81, 248, 0.25) 0px 0px 16px 1px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px" }, "buttonSecondary": { "background": "#F1F5F9", "textColor": "#0F172A", "borderRadius": "33554400px", "borderRadiusCorners": { "topLeft": "33554400px", "topRight": "33554400px", "bottomRight": "33554400px", "bottomLeft": "33554400px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%2281%22%20height%3D%2224%22%20viewBox%3D%220%200%20450%20134%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M198.506%20117.991C190.393%20117.991%20184.435%20116.173%20180.628%20112.539C176.924%20108.905%20175.07%20103.158%20175.07%2095.298V20.7344H194.9V93.235C194.9%2096.969%20195.702%2099.5214%20197.304%20100.898C198.905%20102.274%20201.411%20102.961%20204.815%20102.961H216.082V117.991H198.506ZM162.3%2054.1849V39.3016H216.082V54.1849H162.3Z%22%20fill%3D%22%231B193A%22%20style%3D%22fill%3A%20rgb(27%2C%2025%2C%2058)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M262.581%20120.351C254.688%20120.351%20247.571%20118.569%20241.238%20115.001C234.901%20111.435%20229.917%20106.546%20226.282%20100.331C222.751%2094.0155%20220.983%2086.9344%20220.983%2079.0902C220.983%2071.6538%20222.749%2064.7753%20226.282%2058.4599C229.812%2052.0419%20234.695%2046.9475%20240.926%2043.1793C247.158%2039.4111%20254.117%2037.5244%20261.803%2037.5244C270.009%2037.5244%20277.07%2039.2559%20282.991%2042.7214C288.911%2046.1844%20293.378%2050.9236%20296.388%2056.9337C299.502%2062.9438%20301.061%2069.6171%20301.061%2076.9535C301.061%2079.298%20300.905%2081.5374%20300.594%2083.6767H240.926C241.965%2089.8921%20244.457%2094.6286%20248.406%2097.889C252.456%20101.047%20257.285%20102.626%20262.895%20102.626C267.568%20102.626%20271.568%20101.657%20274.892%2099.7231C278.32%2097.6863%20281.022%2094.9865%20282.993%2091.6236L299.508%2099.5704C291.406%20113.425%20279.098%20120.353%20262.586%20120.353L262.581%20120.351ZM281.432%2069.4618C281.225%2067.0173%20280.292%2064.6227%20278.629%2062.2807C277.07%2059.8361%20274.841%2057.8494%20271.93%2056.3206C269.127%2054.6917%20265.803%2053.876%20261.958%2053.876C257.076%2053.876%20252.87%2055.3022%20249.339%2058.1547C245.911%2060.9045%20243.419%2064.6753%20241.86%2069.4645H281.432V69.4618Z%22%20fill%3D%22%231B193A%22%20style%3D%22fill%3A%20rgb(27%2C%2025%2C%2058)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M307.939%2012.4849H327.619V117.994H307.939V12.4849Z%22%20fill%3D%22%231B193A%22%20style%3D%22fill%3A%20rgb(27%2C%2025%2C%2058)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M342.455%2012.4849H362.135V117.994H342.455V12.4849Z%22%20fill%3D%22%231B193A%22%20style%3D%22fill%3A%20rgb(27%2C%2025%2C%2058)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M398.471%20119.762C390.059%20119.762%20383.298%20117.896%20378.19%20114.162C373.083%20110.331%20370.529%20105.026%20370.529%2098.2475C370.529%2091.469%20372.683%2086.0667%20376.989%2082.3328C381.294%2078.5014%20387.856%2075.7516%20396.669%2074.0807L423.109%2068.9231C423.109%2063.4208%20421.808%2059.2948%20419.203%2056.5449C416.7%2053.7951%20412.993%2052.4189%20408.086%2052.4189C403.48%2052.4189%20399.875%2053.4504%20397.27%2055.5134C394.665%2057.5765%20392.913%2060.5736%20392.012%2064.5023L371.881%2063.4708C373.383%2055.1214%20377.238%2048.7349%20383.449%2044.3142C389.758%2039.796%20397.97%2037.5356%20408.086%2037.5356C419.603%2037.5356%20428.316%2040.3355%20434.226%2045.9351C440.136%2051.5347%20443.09%2059.6395%20443.09%2070.2493V98.5422C443.09%20100.605%20443.441%20102.029%20444.141%20102.816C444.841%20103.602%20445.944%20103.995%20447.446%20103.995H450V117.994C449.399%20118.191%20448.399%20118.338%20446.996%20118.436C445.593%20118.633%20444.192%20118.73%20442.789%20118.73C439.484%20118.73%20436.53%20118.191%20433.926%20117.109C431.321%20116.028%20429.269%20114.212%20427.766%20111.657C426.264%20109.005%20425.513%20105.418%20425.513%20100.9L427.316%20102.079C426.414%20105.518%20424.662%20108.613%20422.057%20111.362C419.453%20114.015%20416.099%20116.078%20411.992%20117.552C407.987%20119.025%20403.48%20119.762%20398.471%20119.762ZM402.678%20105.763C406.884%20105.763%20410.49%20104.976%20413.494%20103.405C416.499%20101.734%20418.852%2099.4764%20420.555%2096.6266C422.259%2093.6794%20423.109%2090.2402%20423.109%2086.3115V81.8907L402.828%2086.0167C398.721%2086.8035%20395.716%2088.0798%20393.814%2089.8481C392.012%2091.519%20391.11%2093.7294%20391.11%2096.4792C391.11%2099.4264%20392.111%20101.734%20394.115%20103.405C396.119%20104.976%20398.973%20105.763%20402.678%20105.763Z%22%20fill%3D%22%231B193A%22%20style%3D%22fill%3A%20rgb(27%2C%2025%2C%2058)%20!important%3B%22%2F%3E%3Cg%20clip-path%3D%22url(%23nav-logo-clip)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M0%2017.37C0%207.23749%207.23747%200%2017.3699%200H115.8C125.932%200%20133.169%207.23749%20133.169%2017.37V115.8C133.169%20125.932%20125.932%20133.17%20115.8%20133.17C105.667%20133.17%2017.3699%20133.17%2017.3699%20133.17C7.23747%20133.17%200%20125.932%200%20115.8V17.37Z%22%20fill%3D%22url(%23nav-logo-grad)%22%20style%3D%22fill%3A%20url(%26quot%3B%23nav-logo-grad%26quot%3B)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M107.67%2070.8329C105.138%2070.7178%2077.9698%2070.7178%2075.4372%2070.8329C72.9046%2070.948%2070.9476%2072.9051%2070.8324%2075.4377C70.7173%2077.9703%2070.7173%20105.138%2070.8324%20107.671C70.9476%20110.204%2072.9046%20112.161%2075.4372%20112.276C77.9698%20112.391%20105.138%20112.391%20107.67%20112.276C110.203%20112.161%20112.16%20110.204%20112.275%20107.671C112.39%20105.138%20112.39%2077.9703%20112.275%2075.4377C112.16%2072.9051%20110.203%2070.948%20107.67%2070.8329Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M20.8076%2072.9707C20.8075%2071.2612%2022.9095%2070.1926%2024.5914%2071.0474L61.1617%2089.629C62.8434%2090.4835%2062.8436%2092.62%2061.1621%2093.475L24.5949%20112.061C22.9132%20112.916%2020.811%20111.848%2020.8108%20110.139L20.8076%2072.9707Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M41.6154%2062.4237C53.1072%2062.4237%2062.4231%2053.1078%2062.4231%2041.6159C62.4231%2030.124%2053.1072%2020.8081%2041.6154%2020.8081C30.1235%2020.8081%2020.8076%2030.124%2020.8076%2041.6159C20.8076%2053.1078%2030.1235%2062.4237%2041.6154%2062.4237Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M74.9076%2020.8081C74.9076%2020.8081%20104.038%2020.8081%20108.2%2020.8081C112.362%2020.8081%20112.362%2024.9697%20112.362%2024.9697C112.362%2024.9697%20112.362%2024.9697%20112.362%2029.1312C112.362%2033.2928%20108.2%2033.2928%20108.2%2033.2928L97.7961%2033.2928V58.2621C97.7961%2058.2621%2097.7962%2062.4237%2093.6346%2062.4237C89.473%2062.4237%2093.6346%2062.4237%2089.4731%2062.4237C85.3115%2062.4237%2085.3115%2058.2621%2085.3115%2058.2621V33.2928L74.9076%2033.2928C74.9076%2033.2928%2070.7461%2033.2928%2070.7461%2029.1312C70.7461%2024.9697%2070.7461%2029.1312%2070.7461%2024.9697C70.7461%2020.8081%2074.9076%2020.8081%2074.9076%2020.8081Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CradialGradient%20id%3D%22nav-logo-grad%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(66.5847)%20rotate(90)%20scale(133.17%20133.169)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-color%3D%22%238278FA%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(130%2C%20120%2C%20250)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235E51F8%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(94%2C%2081%2C%20248)%20!important%3B%22%2F%3E%3C%2FradialGradient%3E%3CclipPath%20id%3D%22nav-logo-clip%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22133.169%22%20height%3D%22133.17%22%20fill%3D%22white%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://www.tella.com/safari-pinned-tab.svg", "ogImage": "https://www.tella.com/marketing-site/og-image.png", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Tella'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 4, "text": "Download", "reasoning": "Button #0 has a vibrant gradient background and action-oriented text 'Download', making it the most prominent CTA." }, "secondary": { "index": 0, "text": "Account", "reasoning": "Button #4 has a different background color (#F1F5F9) and serves as a secondary action with the text 'Account'." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy professionals" }, "designSystem": { "framework": "tailwind", "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, and links to the homepage, matching the brand 'Tella'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```