# Serval Brand Identity A complete profile of **Serval**'s visual system — colors, typography, components, and personality — extracted from https://www.serval.com/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/serval - Machine-readable JSON: https://characterquilt.com/branding/serval.json - Per-page llms.txt: https://characterquilt.com/branding/serval/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #6C49B8 | | Accent | #6C49B8 | | Body Font | DM Sans | | Heading Font | DM Sans | ## Color Palette - primary: #6C49B8 - secondary: #0000EE - accent: #6C49B8 - background: #080808 - textPrimary: #080808 - link: #1863DC ## Typography - primary: DM Sans — https://fonts.google.com/specimen/DM+Sans - heading: DM Sans — https://fonts.google.com/specimen/DM+Sans ## Visual Assets - Logo: data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%2522http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%2522%20xmlns%3Axlink%3D%2522http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%2522%20viewBox%3D%25220%200%2066.563%2020%2522%20overflow%3D%2522visible%2522%3E%3Cg%3E%3Cpath%20d%3D%2522M%207.915%200%20C%208.95%201.058%209.373%202.624%209.005%204.076%20C%208.493%206.094%205.96%207.73%204.663%209.309%20C%203.926%2010.208%204.064%2011.539%204.936%2012.283%20L%2014.724%202.418%20L%2018.146%205.889%20C%2020.275%208.427%2020.173%2011.999%2017.976%2014.459%20L%2012.506%2020%20C%2011.252%2018.851%2010.942%2016.872%2011.603%2015.315%20C%2012.217%2013.872%2013.962%2012.71%2014.963%2011.504%20C%2015.751%2010.554%2015.659%209.23%2014.725%208.43%20L%204.983%2018.307%20L%204.901%2018.259%20C%203.006%2016.106%200.154%2014.381%200.031%2011.178%20L%200%2011.123%20L%200%2010.19%20C%200.137%208.811%200.648%207.486%201.565%206.441%20Z%20M%2028.598%205.153%20C%2029.181%205.153%2029.691%205.222%2030.129%205.361%20C%2030.566%205.491%2030.945%205.681%2031.264%205.931%20C%2031.592%206.182%2031.871%206.493%2032.084%206.847%20L%2030.785%208.125%20C%2030.594%207.866%2030.384%207.648%2030.156%207.472%20C%2029.941%207.298%2029.695%207.166%2029.432%207.083%20C%2029.178%206.991%2028.909%206.944%2028.639%206.944%20C%2028.338%206.944%2028.078%206.986%2027.86%207.069%20C%2027.641%207.144%2027.468%207.255%2027.34%207.403%20C%2027.222%207.551%2027.162%207.731%2027.162%207.944%20C%2027.162%208.111%2027.204%208.259%2027.286%208.389%20C%2027.367%208.519%2027.486%208.634%2027.641%208.736%20C%2027.796%208.829%2027.983%208.912%2028.201%208.986%20C%2028.42%209.06%2028.662%209.125%2028.926%209.181%20C%2029.427%209.282%2029.878%209.417%2030.279%209.583%20C%2030.68%209.75%2031.022%209.954%2031.305%2010.194%20C%2031.596%2010.426%2031.819%2010.704%2031.974%2011.028%20C%2032.129%2011.342%2032.207%2011.699%2032.207%2012.097%20C%2032.207%2012.755%2032.052%2013.315%2031.742%2013.778%20C%2031.432%2014.241%2031.004%2014.597%2030.457%2014.847%20C%2029.91%2015.088%2029.272%2015.208%2028.543%2015.208%20C%2027.951%2015.208%2027.409%2015.134%2026.916%2014.986%20C%2026.433%2014.838%2026%2014.62%2025.618%2014.333%20C%2025.244%2014.046%2024.907%2013.699%2024.606%2013.292%20L%2025.891%2011.806%20C%2026.338%2012.435%2026.78%2012.866%2027.217%2013.097%20C%2027.664%2013.319%2028.147%2013.431%2028.666%2013.431%20C%2028.949%2013.431%2029.199%2013.394%2029.418%2013.319%20C%2029.646%2013.236%2029.824%2013.12%2029.951%2012.972%20C%2030.079%2012.824%2030.142%2012.648%2030.142%2012.444%20C%2030.142%2012.296%2030.111%2012.162%2030.047%2012.042%20C%2029.982%2011.911%2029.889%2011.797%2029.773%2011.708%20C%2029.646%2011.601%2029.503%2011.512%2029.35%2011.444%20C%2029.175%2011.357%2028.992%2011.287%2028.803%2011.236%20C%2028.589%2011.168%2028.369%2011.117%2028.147%2011.083%20C%2027.636%2010.963%2027.19%2010.82%2026.807%2010.653%20C%2026.424%2010.477%2026.105%2010.264%2025.85%2010.014%20C%2025.595%209.755%2025.404%209.463%2025.276%209.139%20C%2025.157%208.815%2025.098%208.449%2025.098%208.042%20C%2025.098%207.625%2025.189%207.241%2025.372%206.889%20C%2025.553%206.529%2025.81%206.211%2026.124%205.958%20C%2026.452%205.699%2026.825%205.5%2027.244%205.361%20C%2027.673%205.222%2028.124%205.153%2028.598%205.153%20Z%2522%20fill%3D%2522rgb(255%2C255%2C255)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2036.802%207.604%20C%2037.294%207.604%2037.75%207.697%2038.169%207.882%20C%2038.582%208.053%2038.951%208.314%2039.249%208.646%20C%2039.559%208.97%2039.796%209.354%2039.96%209.799%20C%2040.124%2010.243%2040.197%2010.729%2040.179%2011.257%20L%2040.165%2011.868%20L%2035.008%2011.868%20C%2035.049%2012.082%2035.124%2012.289%2035.23%2012.479%20C%2035.421%2012.803%2035.686%2013.058%2036.023%2013.243%20C%2036.369%2013.419%2036.775%2013.507%2037.24%2013.507%20C%2037.559%2013.507%2037.85%2013.456%2038.115%2013.354%20C%2038.379%2013.252%2038.661%2013.076%2038.962%2012.826%20L%2039.892%2014.146%20C%2039.628%2014.387%2039.334%2014.592%2039.017%2014.757%20C%2038.703%2014.913%2038.373%2015.034%2038.032%2015.118%20C%2037.695%2015.201%2037.363%2015.243%2037.035%2015.243%20C%2036.251%2015.243%2035.567%2015.081%2034.984%2014.757%20C%2034.401%2014.433%2033.945%2013.988%2033.617%2013.424%20C%2033.289%2012.859%2033.125%2012.211%2033.125%2011.479%20C%2033.125%2010.915%2033.216%2010.396%2033.398%209.924%20C%2033.581%209.451%2033.836%209.044%2034.164%208.701%20C%2034.488%208.352%2034.885%208.077%2035.326%207.896%20C%2035.782%207.701%2036.274%207.604%2036.802%207.604%20Z%20M%2036.83%209.285%20C%2036.429%209.285%2036.087%209.364%2035.804%209.521%20C%2035.531%209.678%2035.321%209.91%2035.176%2010.215%20C%2035.109%2010.357%2035.058%2010.506%2035.025%2010.66%20L%2038.347%2010.66%20L%2038.347%2010.604%20C%2038.33%2010.359%2038.245%2010.123%2038.101%209.924%20C%2037.967%209.723%2037.783%209.56%2037.568%209.451%20C%2037.349%209.34%2037.103%209.285%2036.83%209.285%20Z%20M%2058.596%207.604%20C%2058.952%207.604%2059.275%207.66%2059.567%207.771%20C%2059.868%207.873%2060.128%208.016%2060.346%208.201%20C%2060.532%208.352%2060.698%208.527%2060.838%208.721%20L%2060.838%207.757%20L%2062.766%207.757%20L%2062.766%2015.104%20L%2060.811%2015.104%20L%2060.811%2014.143%20C%2060.656%2014.338%2060.477%2014.511%2060.278%2014.66%20C%2060.041%2014.836%2059.772%2014.979%2059.471%2015.09%20C%2059.163%2015.193%2058.84%2015.245%2058.514%2015.243%20C%2057.913%2015.243%2057.371%2015.076%2056.888%2014.743%20C%2056.405%2014.41%2056.022%2013.956%2055.739%2013.382%20C%2055.457%2012.808%2055.316%2012.15%2055.316%2011.41%20C%2055.316%2010.669%2055.457%2010.016%2055.739%209.451%20C%2056.031%208.877%2056.423%208.428%2056.915%208.104%20C%2057.407%207.771%2057.968%207.604%2058.596%207.604%20Z%20M%2059.048%209.299%20C%2058.692%209.299%2058.378%209.391%2058.104%209.576%20C%2057.84%209.752%2057.63%209.998%2057.475%2010.312%20C%2057.32%2010.627%2057.243%2010.993%2057.243%2011.41%20C%2057.243%2011.836%2057.32%2012.211%2057.475%2012.535%20C%2057.63%2012.85%2057.84%2013.095%2058.104%2013.271%20C%2058.378%2013.447%2058.692%2013.535%2059.048%2013.535%20C%2059.412%2013.535%2059.731%2013.447%2060.004%2013.271%20C%2060.278%2013.095%2060.488%2012.85%2060.633%2012.535%20C%2060.788%2012.211%2060.866%2011.836%2060.866%2011.41%20C%2060.866%2010.993%2060.788%2010.627%2060.633%2010.312%20C%2060.488%209.998%2060.278%209.752%2060.004%209.576%20C%2059.731%209.391%2059.412%209.299%2059.048%209.299%20Z%2522%20fill%3D%2522rgb(255%2C255%2C255)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2045.622%207.592%20C%2045.777%207.592%2045.928%207.606%2046.074%207.634%20C%2046.219%207.662%2046.342%207.694%2046.443%207.731%20L%2045.923%209.898%20C%2045.814%209.842%2045.682%209.796%2045.527%209.759%20C%2045.371%209.713%2045.21%209.689%2045.048%209.69%20C%2044.83%209.69%2044.625%209.731%2044.433%209.815%20C%2044.251%209.889%2044.087%2010.003%2043.955%2010.148%20C%2043.815%2010.292%2043.703%2010.462%2043.627%2010.648%20C%2043.554%2010.842%2043.517%2011.055%2043.517%2011.287%20L%2043.517%2015.092%20L%2041.563%2015.092%20L%2041.563%207.745%20L%2043.435%207.745%20L%2043.469%208.937%20C%2043.541%208.817%2043.621%208.701%2043.709%208.593%20C%2043.955%208.278%2044.242%208.032%2044.57%207.856%20C%2044.907%207.68%2045.258%207.592%2045.622%207.592%20Z%20M%2051.188%2012.642%20L%2052.967%207.745%20L%2055.045%207.745%20L%2051.86%2015.092%20L%2050.37%2015.092%20L%2047.335%207.745%20L%2049.468%207.745%20Z%20M%2066.563%2015.078%20L%2064.741%2015.078%20L%2064.741%205.208%20L%2066.563%205.208%20L%2066.563%2015.079%20Z%2522%20fill%3D%2522rgb(255%2C255%2C255)%2522%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E - Favicon: https://framerusercontent.com/images/tnVG7kNmUtVPBcnIZCX1x14Yu5M.png - Social card (og:image): https://framerusercontent.com/images/V6k6fFCAJ2d3ZHM9P4chDQnDbY.png ## UI Components - buttonPrimary: background=#6C49B8, textColor=#000000, borderRadius=999px, shadow=none - buttonSecondary: background=#FFFFFF, textColor=#0D0D11, borderRadius=10px, shadow=none ## Brand Personality Tone: modern · Energy: medium · Audience: IT professionals and businesses ## Serval Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Serval - AI Agents for IT** - Image: https://framerusercontent.com/images/8zUsk5KdEl1LwwI3GChLDjhaa2I.png?width=4320&height=2400 - Source: https://www.serval.com/manage-assets - **Serval - AI Agents for IT** - Image: https://framerusercontent.com/images/PdDFEAQFGcHzLQ2IZv9dXrqPEvA.png?width=1920&height=1080 - Source: https://www.serval.com/blog - **Serval - AI Agents for IT** - Image: https://framerusercontent.com/images/xUpvlhTb08lVrxKjzGDBqk2pfA.jpg?width=8192&height=5464 - Source: https://www.serval.com/updates - **Serval - AI Agents for IT** - Image: https://framerusercontent.com/images/gNRitVwzcLAdFRZR72jsPURB5E.png?width=1440&height=1440 - Source: https://www.serval.com/integrations - **Introducing Serval's AI-native access management - Serval - AI Agents for IT** - Image: https://framerusercontent.com/images/LOCqcQXQttBJcpRx8OPnAzIvqM.png - Source: https://www.serval.com/updates/introducing-access-management - **Serval - AI Agents for IT** - Image: https://framerusercontent.com/images/bNwIuMKOIeh0eCZ36UMZxFbalao.png?width=4320&height=2400 - Source: https://www.serval.com/manage-assets ## 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": "DM Sans", "role": "body" }, { "family": "Inter", "role": "unknown" } ], "colors": { "primary": "#6C49B8", "secondary": "#0000EE", "accent": "#6C49B8", "background": "#080808", "textPrimary": "#080808", "link": "#1863DC" }, "typography": { "fontFamilies": { "primary": "DM Sans", "heading": "DM Sans" }, "fontStacks": { "heading": [ "sans-serif" ], "body": [ "sans-serif" ], "paragraph": [ "sans-serif" ] }, "fontSizes": { "h1": "12px", "h2": "12px", "body": "18px" } }, "spacing": { "baseUnit": 10, "borderRadius": "6px" }, "components": { "buttonPrimary": { "background": "#6C49B8", "textColor": "#000000", "borderRadius": "999px", "borderRadiusCorners": { "topLeft": "999px", "topRight": "999px", "bottomRight": "999px", "bottomLeft": "999px" }, "shadow": "none" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#0D0D11", "borderRadius": "10px", "borderRadiusCorners": { "topLeft": "10px", "topRight": "10px", "bottomRight": "10px", "bottomLeft": "10px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%2522http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%2522%20xmlns%3Axlink%3D%2522http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%2522%20viewBox%3D%25220%200%2066.563%2020%2522%20overflow%3D%2522visible%2522%3E%3Cg%3E%3Cpath%20d%3D%2522M%207.915%200%20C%208.95%201.058%209.373%202.624%209.005%204.076%20C%208.493%206.094%205.96%207.73%204.663%209.309%20C%203.926%2010.208%204.064%2011.539%204.936%2012.283%20L%2014.724%202.418%20L%2018.146%205.889%20C%2020.275%208.427%2020.173%2011.999%2017.976%2014.459%20L%2012.506%2020%20C%2011.252%2018.851%2010.942%2016.872%2011.603%2015.315%20C%2012.217%2013.872%2013.962%2012.71%2014.963%2011.504%20C%2015.751%2010.554%2015.659%209.23%2014.725%208.43%20L%204.983%2018.307%20L%204.901%2018.259%20C%203.006%2016.106%200.154%2014.381%200.031%2011.178%20L%200%2011.123%20L%200%2010.19%20C%200.137%208.811%200.648%207.486%201.565%206.441%20Z%20M%2028.598%205.153%20C%2029.181%205.153%2029.691%205.222%2030.129%205.361%20C%2030.566%205.491%2030.945%205.681%2031.264%205.931%20C%2031.592%206.182%2031.871%206.493%2032.084%206.847%20L%2030.785%208.125%20C%2030.594%207.866%2030.384%207.648%2030.156%207.472%20C%2029.941%207.298%2029.695%207.166%2029.432%207.083%20C%2029.178%206.991%2028.909%206.944%2028.639%206.944%20C%2028.338%206.944%2028.078%206.986%2027.86%207.069%20C%2027.641%207.144%2027.468%207.255%2027.34%207.403%20C%2027.222%207.551%2027.162%207.731%2027.162%207.944%20C%2027.162%208.111%2027.204%208.259%2027.286%208.389%20C%2027.367%208.519%2027.486%208.634%2027.641%208.736%20C%2027.796%208.829%2027.983%208.912%2028.201%208.986%20C%2028.42%209.06%2028.662%209.125%2028.926%209.181%20C%2029.427%209.282%2029.878%209.417%2030.279%209.583%20C%2030.68%209.75%2031.022%209.954%2031.305%2010.194%20C%2031.596%2010.426%2031.819%2010.704%2031.974%2011.028%20C%2032.129%2011.342%2032.207%2011.699%2032.207%2012.097%20C%2032.207%2012.755%2032.052%2013.315%2031.742%2013.778%20C%2031.432%2014.241%2031.004%2014.597%2030.457%2014.847%20C%2029.91%2015.088%2029.272%2015.208%2028.543%2015.208%20C%2027.951%2015.208%2027.409%2015.134%2026.916%2014.986%20C%2026.433%2014.838%2026%2014.62%2025.618%2014.333%20C%2025.244%2014.046%2024.907%2013.699%2024.606%2013.292%20L%2025.891%2011.806%20C%2026.338%2012.435%2026.78%2012.866%2027.217%2013.097%20C%2027.664%2013.319%2028.147%2013.431%2028.666%2013.431%20C%2028.949%2013.431%2029.199%2013.394%2029.418%2013.319%20C%2029.646%2013.236%2029.824%2013.12%2029.951%2012.972%20C%2030.079%2012.824%2030.142%2012.648%2030.142%2012.444%20C%2030.142%2012.296%2030.111%2012.162%2030.047%2012.042%20C%2029.982%2011.911%2029.889%2011.797%2029.773%2011.708%20C%2029.646%2011.601%2029.503%2011.512%2029.35%2011.444%20C%2029.175%2011.357%2028.992%2011.287%2028.803%2011.236%20C%2028.589%2011.168%2028.369%2011.117%2028.147%2011.083%20C%2027.636%2010.963%2027.19%2010.82%2026.807%2010.653%20C%2026.424%2010.477%2026.105%2010.264%2025.85%2010.014%20C%2025.595%209.755%2025.404%209.463%2025.276%209.139%20C%2025.157%208.815%2025.098%208.449%2025.098%208.042%20C%2025.098%207.625%2025.189%207.241%2025.372%206.889%20C%2025.553%206.529%2025.81%206.211%2026.124%205.958%20C%2026.452%205.699%2026.825%205.5%2027.244%205.361%20C%2027.673%205.222%2028.124%205.153%2028.598%205.153%20Z%2522%20fill%3D%2522rgb(255%2C255%2C255)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2036.802%207.604%20C%2037.294%207.604%2037.75%207.697%2038.169%207.882%20C%2038.582%208.053%2038.951%208.314%2039.249%208.646%20C%2039.559%208.97%2039.796%209.354%2039.96%209.799%20C%2040.124%2010.243%2040.197%2010.729%2040.179%2011.257%20L%2040.165%2011.868%20L%2035.008%2011.868%20C%2035.049%2012.082%2035.124%2012.289%2035.23%2012.479%20C%2035.421%2012.803%2035.686%2013.058%2036.023%2013.243%20C%2036.369%2013.419%2036.775%2013.507%2037.24%2013.507%20C%2037.559%2013.507%2037.85%2013.456%2038.115%2013.354%20C%2038.379%2013.252%2038.661%2013.076%2038.962%2012.826%20L%2039.892%2014.146%20C%2039.628%2014.387%2039.334%2014.592%2039.017%2014.757%20C%2038.703%2014.913%2038.373%2015.034%2038.032%2015.118%20C%2037.695%2015.201%2037.363%2015.243%2037.035%2015.243%20C%2036.251%2015.243%2035.567%2015.081%2034.984%2014.757%20C%2034.401%2014.433%2033.945%2013.988%2033.617%2013.424%20C%2033.289%2012.859%2033.125%2012.211%2033.125%2011.479%20C%2033.125%2010.915%2033.216%2010.396%2033.398%209.924%20C%2033.581%209.451%2033.836%209.044%2034.164%208.701%20C%2034.488%208.352%2034.885%208.077%2035.326%207.896%20C%2035.782%207.701%2036.274%207.604%2036.802%207.604%20Z%20M%2036.83%209.285%20C%2036.429%209.285%2036.087%209.364%2035.804%209.521%20C%2035.531%209.678%2035.321%209.91%2035.176%2010.215%20C%2035.109%2010.357%2035.058%2010.506%2035.025%2010.66%20L%2038.347%2010.66%20L%2038.347%2010.604%20C%2038.33%2010.359%2038.245%2010.123%2038.101%209.924%20C%2037.967%209.723%2037.783%209.56%2037.568%209.451%20C%2037.349%209.34%2037.103%209.285%2036.83%209.285%20Z%20M%2058.596%207.604%20C%2058.952%207.604%2059.275%207.66%2059.567%207.771%20C%2059.868%207.873%2060.128%208.016%2060.346%208.201%20C%2060.532%208.352%2060.698%208.527%2060.838%208.721%20L%2060.838%207.757%20L%2062.766%207.757%20L%2062.766%2015.104%20L%2060.811%2015.104%20L%2060.811%2014.143%20C%2060.656%2014.338%2060.477%2014.511%2060.278%2014.66%20C%2060.041%2014.836%2059.772%2014.979%2059.471%2015.09%20C%2059.163%2015.193%2058.84%2015.245%2058.514%2015.243%20C%2057.913%2015.243%2057.371%2015.076%2056.888%2014.743%20C%2056.405%2014.41%2056.022%2013.956%2055.739%2013.382%20C%2055.457%2012.808%2055.316%2012.15%2055.316%2011.41%20C%2055.316%2010.669%2055.457%2010.016%2055.739%209.451%20C%2056.031%208.877%2056.423%208.428%2056.915%208.104%20C%2057.407%207.771%2057.968%207.604%2058.596%207.604%20Z%20M%2059.048%209.299%20C%2058.692%209.299%2058.378%209.391%2058.104%209.576%20C%2057.84%209.752%2057.63%209.998%2057.475%2010.312%20C%2057.32%2010.627%2057.243%2010.993%2057.243%2011.41%20C%2057.243%2011.836%2057.32%2012.211%2057.475%2012.535%20C%2057.63%2012.85%2057.84%2013.095%2058.104%2013.271%20C%2058.378%2013.447%2058.692%2013.535%2059.048%2013.535%20C%2059.412%2013.535%2059.731%2013.447%2060.004%2013.271%20C%2060.278%2013.095%2060.488%2012.85%2060.633%2012.535%20C%2060.788%2012.211%2060.866%2011.836%2060.866%2011.41%20C%2060.866%2010.993%2060.788%2010.627%2060.633%2010.312%20C%2060.488%209.998%2060.278%209.752%2060.004%209.576%20C%2059.731%209.391%2059.412%209.299%2059.048%209.299%20Z%2522%20fill%3D%2522rgb(255%2C255%2C255)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2045.622%207.592%20C%2045.777%207.592%2045.928%207.606%2046.074%207.634%20C%2046.219%207.662%2046.342%207.694%2046.443%207.731%20L%2045.923%209.898%20C%2045.814%209.842%2045.682%209.796%2045.527%209.759%20C%2045.371%209.713%2045.21%209.689%2045.048%209.69%20C%2044.83%209.69%2044.625%209.731%2044.433%209.815%20C%2044.251%209.889%2044.087%2010.003%2043.955%2010.148%20C%2043.815%2010.292%2043.703%2010.462%2043.627%2010.648%20C%2043.554%2010.842%2043.517%2011.055%2043.517%2011.287%20L%2043.517%2015.092%20L%2041.563%2015.092%20L%2041.563%207.745%20L%2043.435%207.745%20L%2043.469%208.937%20C%2043.541%208.817%2043.621%208.701%2043.709%208.593%20C%2043.955%208.278%2044.242%208.032%2044.57%207.856%20C%2044.907%207.68%2045.258%207.592%2045.622%207.592%20Z%20M%2051.188%2012.642%20L%2052.967%207.745%20L%2055.045%207.745%20L%2051.86%2015.092%20L%2050.37%2015.092%20L%2047.335%207.745%20L%2049.468%207.745%20Z%20M%2066.563%2015.078%20L%2064.741%2015.078%20L%2064.741%205.208%20L%2066.563%205.208%20L%2066.563%2015.079%20Z%2522%20fill%3D%2522rgb(255%2C255%2C255)%2522%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E", "favicon": "https://framerusercontent.com/images/tnVG7kNmUtVPBcnIZCX1x14Yu5M.png", "ogImage": "https://framerusercontent.com/images/V6k6fFCAJ2d3ZHM9P4chDQnDbY.png", "logoHref": "./" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, links to the homepage, and matches the brand inferred from the URL and page title ('Serval').", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Book a demo", "reasoning": "Button #0 has a vibrant brand color (#6C49B8) and action-oriented text ('Book a demo'), making it the primary CTA." }, "secondary": { "index": 6, "text": "Accept", "reasoning": "Button #6 has a different background color (#FFFFFF) and serves as a secondary action ('Accept'), which is common for secondary CTAs." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "IT professionals and businesses" }, "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, links to the homepage, and matches the brand inferred from the URL and page title ('Serval').", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```