# Inngest Brand Identity A complete profile of **Inngest**'s visual system — colors, typography, components, and personality — extracted from https://www.inngest.com/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/inngest - Machine-readable JSON: https://characterquilt.com/branding/inngest.json - Per-page llms.txt: https://characterquilt.com/branding/inngest/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #CBB26A | | Accent | #CBB26A | | Body Font | Inter | | Heading Font | CircularXX | ## Color Palette - primary: #CBB26A - secondary: #64748B - accent: #CBB26A - background: #0C0A09 - textPrimary: #FAFAF9 - link: #1E293B ## Typography - primary: Inter — https://fonts.google.com/specimen/Inter - heading: CircularXX — https://fonts.google.com/specimen/CircularXX ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20994%20176.65%22%20width%3D%22144%22%20height%3D%2227%22%20class%3D%22h-6%20w-auto%22%20data-fc-idx%3D%220%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20%23FAFAF9%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30.66%2C3.5H0v166h30.66V3.5Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M613.02%2C138.51c-5.58%2C0-10.97-2.32-14.45-6.73-1.21-1.51-2.2-3.17-2.57-4.79-.81-3.54-1.17-7.91-.2-12.83%2C1.41-7.26%2C4.51-13.77%2C4.51-27.77s-3.21-20.59-4.75-27.9c-1.14-5.4-.61-10.14.48-13.88.29-1.11.94-2.23%2C1.74-3.32%2C3.45-4.7%2C9.1-7.23%2C14.89-7.23h77.8V3.53h-122.31v165.97h124.97v-30.99h-80.11Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M656.09%2C71.14h-29.49c-8.33%2C0-15.09%2C6.82-15.09%2C15.23s6.75%2C15.23%2C15.09%2C15.23h29.49c8.33%2C0%2C15.09-6.82%2C15.09-15.23s-6.75-15.23-15.09-15.23Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M462.01%2C76.91v26h47.26c-.33%2C6.49-1.63%2C12.26-3.94%2C17.26-15.02%2C33.26-67.43%2C27.21-81.11-4.5-3.98-8.33-5.98-17.96-5.98-28.84%2C0-10.23%2C2-19.49%2C5.98-27.77%2C3.98-8.28%2C9.77-14.79%2C17.33-19.53%2C7.56-4.72%2C16.43-7.1%2C26.55-7.1s18.63%2C1.86%2C25.9%2C5.57c7.26%2C3.71%2C14.14%2C8.85%2C20.74%2C15.47l20.38-23.64c-8.44-8.68-18.56-15.56-30.44-20.67-11.88-5.13-24.57-7.71-38.16-7.71-16.4%2C0-31.01%2C3.54-43.89%2C10.64-12.87%2C7.1-22.89%2C17.18-29.97%2C30.26-7.1%2C13.07-10.64%2C27.9-10.64%2C44.45s3.28%2C31.58%2C9.83%2C44.58c19.2%2C39.59%2C72.15%2C52.01%2C106.42%2C26.6%2C3.37-2.76%2C7.06-4.42%2C10.23-3.12%2C2.24.94%2C3.52%2C3.34%2C3.61%2C5.77.16%2C4.32.33%2C5.4.44%2C8.85h25.38v-92.63h-75.93v.04Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M327.1%2C3.5l.86%2C57.87c0%2C11.34.77%2C22.77%2C6.86%2C31.95%2C13.08%2C19.77-3.5%2C32.86-15.11%2C19.78L237%2C3.5h-37.45s0%2C44.33%2C0%2C44.33l.07%2C70.54c0%2C4.67-3.81%2C11.04-11.98%2C10.53-11.54-.7-9.13-24.41-28.06-45.65L99.55%2C3.66l-36.18-.16v166h31.54v-50.64c0-12.91.24-29.89-6.16-38.94-10.64-15.06-2.77-26.27%2C6.62-25.09%2C4.05.5%2C6.22%2C3.45%2C6.22%2C3.45l53.35%2C70.89%2C30.46%2C40.34h45.5v-56.73c0-11.34-.24-22.01-5.02-31.91-.26-.5-.44-1.01-.66-1.55-.86-2.03-1.38-4.02-2.02-5.84-2.6-7.73-.37-13.2%2C3.72-15.54%2C3.85-2.19%2C9.1-2.16%2C13.04%2C2.32%2C2.68%2C3.08%2C81.05%2C109.26%2C81.05%2C109.26h37.68V3.5h-31.58Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M758.3%2C35.25c5.48-3.32%2C13.19-5.11%2C23.14-5.11%2C9.17%2C0%2C17.39%2C1.71%2C24.45%2C5.03%2C7.19%2C3.34%2C13.57%2C8.2%2C19%2C14.49l4.58%2C5.31%2C17.7-24.89-3.14-3.28c-5.48-5.84-11.3-10.73-17.42-14.58-6.13-3.89-13.08-6.95-20.54-9.02-7.48-2.16-15.79-3.21-24.61-3.21-11.85%2C0-22.65%2C1.75-32.11%2C5.31-9.66%2C3.61-17.53%2C9.05-23.14%2C16.32-5.72%2C7.36-8.62%2C16.28-8.62%2C26.38%2C0%2C9.26%2C2.18%2C17.42%2C6.66%2C24.12%2C4.35%2C6.55%2C10.8%2C12.13%2C19.04%2C16.52%2C8%2C4.31%2C18.32%2C8.04%2C30.74%2C11.17l3.71.89.64-2.36-.53%2C2.36c10.07%2C2.71%2C17.79%2C5.2%2C22.98%2C7.39l.93-2.23-.93%2C2.27c4.75%2C2.06%2C8%2C4.42%2C9.9%2C7.03.94%2C1.29%2C1.63%2C2.91%2C2.11%2C4.72.4%2C1.59.7%2C3.37.7%2C5.4%2C0%2C4.63-1.14%2C8.32-3.25%2C11.32-1.1%2C1.55-2.37%2C3.01-4.05%2C4.19-5.32%2C3.78-13.15%2C5.92-23.58%2C5.92-9.78%2C0-19.09-2.27-27.86-6.66l-1.06%2C2.16%2C1.06-2.19c-8.82-4.5-15.75-10.03-20.63-16.48l-4.48-5.97-18.32%2C25.8%2C2.81%2C3.32c7.79%2C9.05%2C17.66%2C16.35%2C29.31%2C21.78%2C11.7%2C5.51%2C24.92%2C8.2%2C39.17%2C8.2%2C12.47%2C0%2C23.68-1.92%2C33.18-5.81%2C9.7-3.95%2C17.53-9.94%2C23.02-17.74%2C5.56-7.91%2C8.33-17.46%2C8.33-28.3%2C0-9.74-2.31-18.27-6.9-25.26-4.48-6.86-11.28-12.59-19.9-17.09v-.09c-8.4-4.35-19.37-8.24-32.72-11.54l-4.02-.88c-9.1-2.4-16.05-4.63-20.76-6.73-4.31-1.86-7.3-4.11-8.97-6.42-1.63-2.27-2.51-5.16-2.51-9.09%2C0-2.84.6-5.2%2C1.74-7.19%2C1.14-1.99%2C2.84-3.74%2C5.32-5.24h-.09l-.05-.02Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M960.95%2C3.52c-3.1%2C0-6.18.22-9.24.72-5.76.94-8.47%2C2.12-11.54%2C3.48-1.54.68-6.2%2C3.65-12.36%2C3.65s-10.09-2.82-11.43-3.39c-2.84-1.22-5.47-2.34-9.9-3.3-3.85-.83-7.78-1.18-11.72-1.18h-32.81v29.91h40.49c5.52%2C0%2C9.99%2C4.55%2C9.99%2C10.14v125.95h30.87V43.51c0-5.57%2C4.47-10.1%2C9.99-10.1h40.7V3.52h-33.09.04Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://www.inngest.com/favicon-june-2025-light.svg - Social card (og:image): https://www.inngest.com/assets/homepage/open-graph-june-2025.png ## UI Components - buttonPrimary: background=#CBB26A, textColor=#1A161C, borderRadius=0px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px - buttonSecondary: background=#1C1917, textColor=#FAFAF9, borderColor=#E5E7EB, borderRadius=0px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px ## Brand Personality Tone: modern · Energy: medium · Audience: developers and tech companies ## Inngest Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Understanding the Differences Between Rate Limiting, Debouncing, and Throttling - Inngest Blog** - Image: https://www.inngest.com/assets/blog/rate-limit-debouncing-throttling-explained/rate-limiting.jpg - Source: https://www.inngest.com/blog/rate-limit-debouncing-throttling-explained - **Inngest's new design: Our process in rethinking our information architecture - Inngest Blog** - Image: https://www.inngest.com/assets/blog/reimagining-information-architecture/image3.png - Source: https://www.inngest.com/blog/reimagining-information-architecture - **Inngest - Product & Engineering blog** - Image: https://www.inngest.com/_next/image?url=%2Fassets%2Fblog%2Finsights-ai%2Fcover.jpg&w=1920&q=75 - Source: https://www.inngest.com/blog - **Announcing: Batch Keys - Inngest Blog** - Image: https://www.inngest.com/assets/blog/announcing-batch-keys/batch-keys-2.jpg - Source: https://www.inngest.com/blog/announcing-batch-keys - **Inngest - Product & Engineering Blog - Engineering** - Image: https://www.inngest.com/_next/image?url=%2Fassets%2Fblog%2Fmetrics-with-timescaledb%2Ffeature.png&w=1920&q=75 - Source: https://www.inngest.com/blog/category/engineering - **Changelog - Inngest** - Image: https://www.inngest.com/assets/changelog/quick-search.png - Source: https://www.inngest.com/changelog?ref=footer-links ## 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": "Inter", "role": "body" }, { "family": "CircularXX", "role": "heading" }, { "family": "Whyte", "role": "display" } ], "colors": { "primary": "#CBB26A", "secondary": "#64748B", "accent": "#CBB26A", "background": "#0C0A09", "textPrimary": "#FAFAF9", "link": "#1E293B" }, "typography": { "fontFamilies": { "primary": "Inter", "heading": "CircularXX" }, "fontStacks": { "heading": [ "Whyte", "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif" ], "body": [ "CircularXX", "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto" ], "paragraph": [ "CircularXX", "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto" ] }, "fontSizes": { "h1": "72px", "h2": "16px", "body": "24px" } }, "spacing": { "baseUnit": 4, "borderRadius": "6px" }, "components": { "buttonPrimary": { "background": "#CBB26A", "textColor": "#1A161C", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px" }, "buttonSecondary": { "background": "#1C1917", "textColor": "#FAFAF9", "borderColor": "#E5E7EB", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20994%20176.65%22%20width%3D%22144%22%20height%3D%2227%22%20class%3D%22h-6%20w-auto%22%20data-fc-idx%3D%220%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20%23FAFAF9%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M30.66%2C3.5H0v166h30.66V3.5Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M613.02%2C138.51c-5.58%2C0-10.97-2.32-14.45-6.73-1.21-1.51-2.2-3.17-2.57-4.79-.81-3.54-1.17-7.91-.2-12.83%2C1.41-7.26%2C4.51-13.77%2C4.51-27.77s-3.21-20.59-4.75-27.9c-1.14-5.4-.61-10.14.48-13.88.29-1.11.94-2.23%2C1.74-3.32%2C3.45-4.7%2C9.1-7.23%2C14.89-7.23h77.8V3.53h-122.31v165.97h124.97v-30.99h-80.11Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M656.09%2C71.14h-29.49c-8.33%2C0-15.09%2C6.82-15.09%2C15.23s6.75%2C15.23%2C15.09%2C15.23h29.49c8.33%2C0%2C15.09-6.82%2C15.09-15.23s-6.75-15.23-15.09-15.23Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M462.01%2C76.91v26h47.26c-.33%2C6.49-1.63%2C12.26-3.94%2C17.26-15.02%2C33.26-67.43%2C27.21-81.11-4.5-3.98-8.33-5.98-17.96-5.98-28.84%2C0-10.23%2C2-19.49%2C5.98-27.77%2C3.98-8.28%2C9.77-14.79%2C17.33-19.53%2C7.56-4.72%2C16.43-7.1%2C26.55-7.1s18.63%2C1.86%2C25.9%2C5.57c7.26%2C3.71%2C14.14%2C8.85%2C20.74%2C15.47l20.38-23.64c-8.44-8.68-18.56-15.56-30.44-20.67-11.88-5.13-24.57-7.71-38.16-7.71-16.4%2C0-31.01%2C3.54-43.89%2C10.64-12.87%2C7.1-22.89%2C17.18-29.97%2C30.26-7.1%2C13.07-10.64%2C27.9-10.64%2C44.45s3.28%2C31.58%2C9.83%2C44.58c19.2%2C39.59%2C72.15%2C52.01%2C106.42%2C26.6%2C3.37-2.76%2C7.06-4.42%2C10.23-3.12%2C2.24.94%2C3.52%2C3.34%2C3.61%2C5.77.16%2C4.32.33%2C5.4.44%2C8.85h25.38v-92.63h-75.93v.04Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M327.1%2C3.5l.86%2C57.87c0%2C11.34.77%2C22.77%2C6.86%2C31.95%2C13.08%2C19.77-3.5%2C32.86-15.11%2C19.78L237%2C3.5h-37.45s0%2C44.33%2C0%2C44.33l.07%2C70.54c0%2C4.67-3.81%2C11.04-11.98%2C10.53-11.54-.7-9.13-24.41-28.06-45.65L99.55%2C3.66l-36.18-.16v166h31.54v-50.64c0-12.91.24-29.89-6.16-38.94-10.64-15.06-2.77-26.27%2C6.62-25.09%2C4.05.5%2C6.22%2C3.45%2C6.22%2C3.45l53.35%2C70.89%2C30.46%2C40.34h45.5v-56.73c0-11.34-.24-22.01-5.02-31.91-.26-.5-.44-1.01-.66-1.55-.86-2.03-1.38-4.02-2.02-5.84-2.6-7.73-.37-13.2%2C3.72-15.54%2C3.85-2.19%2C9.1-2.16%2C13.04%2C2.32%2C2.68%2C3.08%2C81.05%2C109.26%2C81.05%2C109.26h37.68V3.5h-31.58Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M758.3%2C35.25c5.48-3.32%2C13.19-5.11%2C23.14-5.11%2C9.17%2C0%2C17.39%2C1.71%2C24.45%2C5.03%2C7.19%2C3.34%2C13.57%2C8.2%2C19%2C14.49l4.58%2C5.31%2C17.7-24.89-3.14-3.28c-5.48-5.84-11.3-10.73-17.42-14.58-6.13-3.89-13.08-6.95-20.54-9.02-7.48-2.16-15.79-3.21-24.61-3.21-11.85%2C0-22.65%2C1.75-32.11%2C5.31-9.66%2C3.61-17.53%2C9.05-23.14%2C16.32-5.72%2C7.36-8.62%2C16.28-8.62%2C26.38%2C0%2C9.26%2C2.18%2C17.42%2C6.66%2C24.12%2C4.35%2C6.55%2C10.8%2C12.13%2C19.04%2C16.52%2C8%2C4.31%2C18.32%2C8.04%2C30.74%2C11.17l3.71.89.64-2.36-.53%2C2.36c10.07%2C2.71%2C17.79%2C5.2%2C22.98%2C7.39l.93-2.23-.93%2C2.27c4.75%2C2.06%2C8%2C4.42%2C9.9%2C7.03.94%2C1.29%2C1.63%2C2.91%2C2.11%2C4.72.4%2C1.59.7%2C3.37.7%2C5.4%2C0%2C4.63-1.14%2C8.32-3.25%2C11.32-1.1%2C1.55-2.37%2C3.01-4.05%2C4.19-5.32%2C3.78-13.15%2C5.92-23.58%2C5.92-9.78%2C0-19.09-2.27-27.86-6.66l-1.06%2C2.16%2C1.06-2.19c-8.82-4.5-15.75-10.03-20.63-16.48l-4.48-5.97-18.32%2C25.8%2C2.81%2C3.32c7.79%2C9.05%2C17.66%2C16.35%2C29.31%2C21.78%2C11.7%2C5.51%2C24.92%2C8.2%2C39.17%2C8.2%2C12.47%2C0%2C23.68-1.92%2C33.18-5.81%2C9.7-3.95%2C17.53-9.94%2C23.02-17.74%2C5.56-7.91%2C8.33-17.46%2C8.33-28.3%2C0-9.74-2.31-18.27-6.9-25.26-4.48-6.86-11.28-12.59-19.9-17.09v-.09c-8.4-4.35-19.37-8.24-32.72-11.54l-4.02-.88c-9.1-2.4-16.05-4.63-20.76-6.73-4.31-1.86-7.3-4.11-8.97-6.42-1.63-2.27-2.51-5.16-2.51-9.09%2C0-2.84.6-5.2%2C1.74-7.19%2C1.14-1.99%2C2.84-3.74%2C5.32-5.24h-.09l-.05-.02Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M960.95%2C3.52c-3.1%2C0-6.18.22-9.24.72-5.76.94-8.47%2C2.12-11.54%2C3.48-1.54.68-6.2%2C3.65-12.36%2C3.65s-10.09-2.82-11.43-3.39c-2.84-1.22-5.47-2.34-9.9-3.3-3.85-.83-7.78-1.18-11.72-1.18h-32.81v29.91h40.49c5.52%2C0%2C9.99%2C4.55%2C9.99%2C10.14v125.95h30.87V43.51c0-5.57%2C4.47-10.1%2C9.99-10.1h40.7V3.52h-33.09.04Z%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20249)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://www.inngest.com/favicon-june-2025-light.svg", "ogImage": "https://www.inngest.com/assets/homepage/open-graph-june-2025.png", "logoHref": "/", "logoAlt": ".cls-1 {\n fill: #FAFAF9;\n }" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is 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": "Start building for free", "reasoning": "Button #5 has a vibrant brand color (#CBB26A) and action-oriented text ('Start building for free'), making it the primary CTA." }, "secondary": { "index": 6, "text": "Learn about Error Handling", "reasoning": "Button #1 has a different background color (#1C1917) and serves as a secondary action ('Learn about Error Handling')." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "developers and tech companies" }, "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 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 } } } ```