# Supabase Brand Identity A complete profile of **Supabase**'s visual system — colors, typography, components, and personality — extracted from https://supabase.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/supabase - Machine-readable JSON: https://characterquilt.com/branding/supabase.json - Per-page llms.txt: https://characterquilt.com/branding/supabase/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #006239 | | Accent | #006239 | | Body Font | Circular | | Heading Font | Circular | ## Color Palette - primary: #006239 - accent: #006239 - background: #121212 - textPrimary: #FAFAFA - link: #1F4B37 ## Typography - primary: Circular — https://fonts.google.com/specimen/Circular - heading: Circular — https://fonts.google.com/specimen/Circular ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20581%20113%22%20fill%3D%22none%22%20width%3D%22124%22%20height%3D%2224%22%20aria-label%3D%22Supabase%20Logo%22%20role%3D%22img%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M151.397%2066.7608C151.996%2072.3621%20157.091%2081.9642%20171.877%2081.9642C184.764%2081.9642%20190.959%2073.7624%20190.959%2065.7607C190.959%2058.559%20186.063%2052.6577%20176.373%2050.6571L169.379%2049.1569C166.682%2048.6568%20164.884%2047.1565%20164.884%2044.7559C164.884%2041.9552%20167.681%2039.8549%20171.178%2039.8549C176.772%2039.8549%20178.87%2043.5556%20179.27%2046.4564L190.359%2043.9558C189.76%2038.6546%20185.064%2029.7527%20171.078%2029.7527C160.488%2029.7527%20152.696%2037.0543%20152.696%2045.8561C152.696%2052.7576%20156.991%2058.4591%20166.482%2060.5594L172.976%2062.0598C176.772%2062.8599%20178.271%2064.6605%20178.271%2066.8609C178.271%2069.4615%20176.173%2071.762%20171.777%2071.762C165.983%2071.762%20163.085%2068.1611%20162.786%2064.2602L151.397%2066.7608Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M233.421%2080.4639H246.109C245.909%2078.7635%20245.609%2075.3628%20245.609%2071.5618V31.2529H232.321V59.8592C232.321%2065.5606%20228.925%2069.5614%20223.031%2069.5614C216.837%2069.5614%20214.039%2065.1604%20214.039%2059.6592V31.2529H200.752V62.3599C200.752%2073.0622%20207.545%2081.7642%20219.434%2081.7642C224.628%2081.7642%20230.325%2079.7638%20233.022%2075.1627C233.022%2077.1631%20233.221%2079.4636%20233.421%2080.4639Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M273.076%2099.4682V75.663C275.473%2078.9636%20280.469%2081.6644%20287.263%2081.6644C301.149%2081.6644%20310.439%2070.6617%20310.439%2055.7584C310.439%2041.1553%20302.148%2030.1528%20287.762%2030.1528C280.37%2030.1528%20274.875%2033.4534%20272.677%2037.2544V31.253H259.79V99.4682H273.076ZM297.352%2055.8585C297.352%2064.6606%20291.958%2069.7616%20285.164%2069.7616C278.372%2069.7616%20272.877%2064.5605%20272.877%2055.8585C272.877%2047.1566%20278.372%2042.0554%20285.164%2042.0554C291.958%2042.0554%20297.352%2047.1566%20297.352%2055.8585Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M317.964%2067.0609C317.964%2074.7627%20324.357%2081.8643%20334.848%2081.8643C342.139%2081.8643%20346.835%2078.4634%20349.332%2074.5625C349.332%2076.463%20349.532%2079.1635%20349.832%2080.4639H362.02C361.72%2078.7635%20361.422%2075.2627%20361.422%2072.6622V48.4567C361.422%2038.5545%20355.627%2029.7527%20340.043%2029.7527C326.855%2029.7527%20319.761%2038.2544%20318.963%2045.9562L330.751%2048.4567C331.151%2044.1558%20334.348%2040.455%20340.141%2040.455C345.737%2040.455%20348.434%2043.3556%20348.434%2046.8564C348.434%2048.5568%20347.536%2049.9572%20344.738%2050.3572L332.65%2052.1576C324.458%2053.3579%20317.964%2058.2589%20317.964%2067.0609ZM337.644%2071.962C333.349%2071.962%20331.25%2069.1614%20331.25%2066.2608C331.25%2062.4599%20333.947%2060.5594%20337.345%2060.0594L348.434%2058.359V60.5594C348.434%2069.2615%20343.239%2071.962%20337.644%2071.962Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M387.703%2080.4641V74.4627C390.299%2078.6637%20395.494%2081.6644%20402.288%2081.6644C416.276%2081.6644%20425.467%2070.5618%20425.467%2055.6585C425.467%2041.0552%20417.174%2029.9528%20402.788%2029.9528C395.494%2029.9528%20390.1%2033.1535%20387.902%2036.6541V8.04785H374.815V80.4641H387.703ZM412.178%2055.7584C412.178%2064.7605%20406.784%2069.7616%20399.99%2069.7616C393.297%2069.7616%20387.703%2064.6606%20387.703%2055.7584C387.703%2046.7564%20393.297%2041.8554%20399.99%2041.8554C406.784%2041.8554%20412.178%2046.7564%20412.178%2055.7584Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M432.99%2067.0609C432.99%2074.7627%20439.383%2081.8643%20449.873%2081.8643C457.165%2081.8643%20461.862%2078.4634%20464.358%2074.5625C464.358%2076.463%20464.559%2079.1635%20464.858%2080.4639H477.046C476.748%2078.7635%20476.448%2075.2627%20476.448%2072.6622V48.4567C476.448%2038.5545%20470.653%2029.7527%20455.068%2029.7527C441.881%2029.7527%20434.788%2038.2544%20433.989%2045.9562L445.776%2048.4567C446.177%2044.1558%20449.374%2040.455%20455.167%2040.455C460.763%2040.455%20463.46%2043.3556%20463.46%2046.8564C463.46%2048.5568%20462.561%2049.9572%20459.763%2050.3572L447.676%2052.1576C439.484%2053.3579%20432.99%2058.2589%20432.99%2067.0609ZM452.671%2071.962C448.375%2071.962%20446.276%2069.1614%20446.276%2066.2608C446.276%2062.4599%20448.973%2060.5594%20452.371%2060.0594L463.46%2058.359V60.5594C463.46%2069.2615%20458.265%2071.962%20452.671%2071.962Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M485.645%2066.7608C486.243%2072.3621%20491.339%2081.9642%20506.124%2081.9642C519.012%2081.9642%20525.205%2073.7624%20525.205%2065.7607C525.205%2058.559%20520.311%2052.6577%20510.62%2050.6571L503.626%2049.1569C500.929%2048.6568%20499.132%2047.1565%20499.132%2044.7559C499.132%2041.9552%20501.928%2039.8549%20505.425%2039.8549C511.021%2039.8549%20513.118%2043.5556%20513.519%2046.4564L524.607%2043.9558C524.007%2038.6546%20519.312%2029.7527%20505.326%2029.7527C494.735%2029.7527%20486.944%2037.0543%20486.944%2045.8561C486.944%2052.7576%20491.238%2058.4591%20500.73%2060.5594L507.224%2062.0598C511.021%2062.8599%20512.519%2064.6605%20512.519%2066.8609C512.519%2069.4615%20510.421%2071.762%20506.025%2071.762C500.23%2071.762%20497.334%2068.1611%20497.034%2064.2602L485.645%2066.7608Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M545.385%2050.2571C545.685%2045.7562%20549.482%2040.5549%20556.375%2040.5549C563.967%2040.5549%20567.165%2045.3561%20567.365%2050.2571H545.385ZM568.664%2063.0601C567.065%2067.4609%20563.668%2070.5617%20557.474%2070.5617C550.88%2070.5617%20545.385%2065.8606%20545.087%2059.3593H580.252C580.252%2059.159%20580.451%2057.1587%20580.451%2055.2582C580.451%2039.4547%20571.361%2029.7527%20556.175%2029.7527C543.588%2029.7527%20531.998%2039.9548%20531.998%2055.6584C531.998%2072.262%20543.886%2081.9642%20557.374%2081.9642C569.462%2081.9642%20577.255%2074.8626%20579.753%2066.3607L568.664%2063.0601Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M63.7076%20110.284C60.8481%20113.885%2055.0502%20111.912%2054.9813%20107.314L53.9738%2040.0627L99.1935%2040.0627C107.384%2040.0627%20111.952%2049.5228%20106.859%2055.9374L63.7076%20110.284Z%22%20fill%3D%22url(%23%3ARqlila6%3A-paint0)%22%20style%3D%22fill%3A%20url(%26quot%3B%23%3ARqlila6%3A-paint0%26quot%3B)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M63.7076%20110.284C60.8481%20113.885%2055.0502%20111.912%2054.9813%20107.314L53.9738%2040.0627L99.1935%2040.0627C107.384%2040.0627%20111.952%2049.5228%20106.859%2055.9374L63.7076%20110.284Z%22%20fill%3D%22url(%23%3ARqlila6%3A-paint1)%22%20fill-opacity%3D%220.2%22%20style%3D%22fill%3A%20url(%26quot%3B%23%3ARqlila6%3A-paint1%26quot%3B)%20!important%3B%20fill-opacity%3A%200.2%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M45.317%202.07103C48.1765%20-1.53037%2053.9745%200.442937%2054.0434%205.041L54.4849%2072.2922H9.83113C1.64038%2072.2922%20-2.92775%2062.8321%202.1655%2056.4175L45.317%202.07103Z%22%20fill%3D%22%233ECF8E%22%20style%3D%22fill%3A%20rgb(62%2C%20207%2C%20142)%20!important%3B%22%2F%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3ClinearGradient%20id%3D%22%3ARqlila6%3A-paint0%22%20x1%3D%2253.9738%22%20y1%3D%2254.974%22%20x2%3D%2294.1635%22%20y2%3D%2271.8295%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-color%3D%22%23249361%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(36%2C%20147%2C%2097)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233ECF8E%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(62%2C%20207%2C%20142)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22%3ARqlila6%3A-paint1%22%20x1%3D%2236.1558%22%20y1%3D%2230.578%22%20x2%3D%2254.4844%22%20y2%3D%2265.0806%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E - Favicon: https://supabase.com/favicon/apple-icon-57x57.png - Social card (og:image): https://supabase.com/images/og/supabase-og.png ## UI Components - input: background=#181818, textColor=#FAFAFA, borderColor=#393939, borderRadius=6px, shadow=none - buttonPrimary: background=#006239, textColor=#FAFAFA, borderColor=#1F4B37, borderRadius=6px, shadow=none - buttonSecondary: background=transparent, textColor=#FAFAFA, borderColor=#292929, borderRadius=9999px, 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 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px ## Brand Personality Tone: modern · Energy: medium · Audience: developers and tech professionals ## Supabase Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Blog | Open source** - Image: https://supabase.com/_next/image?url=%2Fimages%2Fblog%2F2026-04-02-100000-github-stars%2Fthumb.png&w=3840&q=75 - Source: https://supabase.com/blog/tags/open-source - **Stripe-To-Postgres Sync Engine as standalone Library** - Image: https://supabase.com/images/blog/launch-week-15/day-2-stripe-engine/stripe-sync-engine-dark.png - Source: https://supabase.com/blog/stripe-engine-as-sync-library - **Authsignal | Works With Supabase** - Image: https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/integrations/authsignal/Authsignal%2032.jpg?t=2022-10-18T07%3A39%3A29.959Z - Source: https://supabase.com/partners/integrations/authsignal - **Concepts | Supabase Docs** - Image: https://supabase.com/docs/img/ai/vector-similarity.png - Source: https://supabase.com/docs/guides/ai/concepts - **Blog | Engineering** - Image: https://supabase.com/images/blog/pgvector-0-7-0.png - Source: https://supabase.com/blog/categories/engineering - **Stripe-To-Postgres Sync Engine as standalone Library** - Image: https://supabase.com/images/blog/launch-week-15/day-2-stripe-engine/stripe-sync-engine-light.png - Source: https://supabase.com/blog/stripe-engine-as-sync-library ## 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": "Circular", "role": "body" }, { "family": "Helvetica Neue", "role": "body" }, { "family": "Helvetica", "role": "body" }, { "family": "Arial", "role": "body" } ], "colors": { "primary": "#006239", "accent": "#006239", "background": "#121212", "textPrimary": "#FAFAFA", "link": "#1F4B37" }, "typography": { "fontFamilies": { "primary": "Circular", "heading": "Circular" }, "fontStacks": { "heading": [ "Circular", "custom-font", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" ], "body": [ "Circular", "custom-font", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" ], "paragraph": [ "Circular", "custom-font", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" ] }, "fontSizes": { "h1": "72px", "h2": "16px", "body": "14px" } }, "spacing": { "baseUnit": 8, "borderRadius": "4px" }, "components": { "input": { "background": "#181818", "textColor": "#FAFAFA", "borderColor": "#393939", "borderRadius": "6px", "borderRadiusCorners": { "topLeft": "6px", "topRight": "6px", "bottomRight": "6px", "bottomLeft": "6px" }, "shadow": "none" }, "buttonPrimary": { "background": "#006239", "textColor": "#FAFAFA", "borderColor": "#1F4B37", "borderRadius": "6px", "borderRadiusCorners": { "topLeft": "6px", "topRight": "6px", "bottomRight": "6px", "bottomLeft": "6px" }, "shadow": "none" }, "buttonSecondary": { "background": "transparent", "textColor": "#FAFAFA", "borderColor": "#292929", "borderRadius": "9999px", "borderRadiusCorners": { "topLeft": "9999px", "topRight": "9999px", "bottomRight": "9999px", "bottomLeft": "9999px" }, "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 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20581%20113%22%20fill%3D%22none%22%20width%3D%22124%22%20height%3D%2224%22%20aria-label%3D%22Supabase%20Logo%22%20role%3D%22img%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M151.397%2066.7608C151.996%2072.3621%20157.091%2081.9642%20171.877%2081.9642C184.764%2081.9642%20190.959%2073.7624%20190.959%2065.7607C190.959%2058.559%20186.063%2052.6577%20176.373%2050.6571L169.379%2049.1569C166.682%2048.6568%20164.884%2047.1565%20164.884%2044.7559C164.884%2041.9552%20167.681%2039.8549%20171.178%2039.8549C176.772%2039.8549%20178.87%2043.5556%20179.27%2046.4564L190.359%2043.9558C189.76%2038.6546%20185.064%2029.7527%20171.078%2029.7527C160.488%2029.7527%20152.696%2037.0543%20152.696%2045.8561C152.696%2052.7576%20156.991%2058.4591%20166.482%2060.5594L172.976%2062.0598C176.772%2062.8599%20178.271%2064.6605%20178.271%2066.8609C178.271%2069.4615%20176.173%2071.762%20171.777%2071.762C165.983%2071.762%20163.085%2068.1611%20162.786%2064.2602L151.397%2066.7608Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M233.421%2080.4639H246.109C245.909%2078.7635%20245.609%2075.3628%20245.609%2071.5618V31.2529H232.321V59.8592C232.321%2065.5606%20228.925%2069.5614%20223.031%2069.5614C216.837%2069.5614%20214.039%2065.1604%20214.039%2059.6592V31.2529H200.752V62.3599C200.752%2073.0622%20207.545%2081.7642%20219.434%2081.7642C224.628%2081.7642%20230.325%2079.7638%20233.022%2075.1627C233.022%2077.1631%20233.221%2079.4636%20233.421%2080.4639Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M273.076%2099.4682V75.663C275.473%2078.9636%20280.469%2081.6644%20287.263%2081.6644C301.149%2081.6644%20310.439%2070.6617%20310.439%2055.7584C310.439%2041.1553%20302.148%2030.1528%20287.762%2030.1528C280.37%2030.1528%20274.875%2033.4534%20272.677%2037.2544V31.253H259.79V99.4682H273.076ZM297.352%2055.8585C297.352%2064.6606%20291.958%2069.7616%20285.164%2069.7616C278.372%2069.7616%20272.877%2064.5605%20272.877%2055.8585C272.877%2047.1566%20278.372%2042.0554%20285.164%2042.0554C291.958%2042.0554%20297.352%2047.1566%20297.352%2055.8585Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M317.964%2067.0609C317.964%2074.7627%20324.357%2081.8643%20334.848%2081.8643C342.139%2081.8643%20346.835%2078.4634%20349.332%2074.5625C349.332%2076.463%20349.532%2079.1635%20349.832%2080.4639H362.02C361.72%2078.7635%20361.422%2075.2627%20361.422%2072.6622V48.4567C361.422%2038.5545%20355.627%2029.7527%20340.043%2029.7527C326.855%2029.7527%20319.761%2038.2544%20318.963%2045.9562L330.751%2048.4567C331.151%2044.1558%20334.348%2040.455%20340.141%2040.455C345.737%2040.455%20348.434%2043.3556%20348.434%2046.8564C348.434%2048.5568%20347.536%2049.9572%20344.738%2050.3572L332.65%2052.1576C324.458%2053.3579%20317.964%2058.2589%20317.964%2067.0609ZM337.644%2071.962C333.349%2071.962%20331.25%2069.1614%20331.25%2066.2608C331.25%2062.4599%20333.947%2060.5594%20337.345%2060.0594L348.434%2058.359V60.5594C348.434%2069.2615%20343.239%2071.962%20337.644%2071.962Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M387.703%2080.4641V74.4627C390.299%2078.6637%20395.494%2081.6644%20402.288%2081.6644C416.276%2081.6644%20425.467%2070.5618%20425.467%2055.6585C425.467%2041.0552%20417.174%2029.9528%20402.788%2029.9528C395.494%2029.9528%20390.1%2033.1535%20387.902%2036.6541V8.04785H374.815V80.4641H387.703ZM412.178%2055.7584C412.178%2064.7605%20406.784%2069.7616%20399.99%2069.7616C393.297%2069.7616%20387.703%2064.6606%20387.703%2055.7584C387.703%2046.7564%20393.297%2041.8554%20399.99%2041.8554C406.784%2041.8554%20412.178%2046.7564%20412.178%2055.7584Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M432.99%2067.0609C432.99%2074.7627%20439.383%2081.8643%20449.873%2081.8643C457.165%2081.8643%20461.862%2078.4634%20464.358%2074.5625C464.358%2076.463%20464.559%2079.1635%20464.858%2080.4639H477.046C476.748%2078.7635%20476.448%2075.2627%20476.448%2072.6622V48.4567C476.448%2038.5545%20470.653%2029.7527%20455.068%2029.7527C441.881%2029.7527%20434.788%2038.2544%20433.989%2045.9562L445.776%2048.4567C446.177%2044.1558%20449.374%2040.455%20455.167%2040.455C460.763%2040.455%20463.46%2043.3556%20463.46%2046.8564C463.46%2048.5568%20462.561%2049.9572%20459.763%2050.3572L447.676%2052.1576C439.484%2053.3579%20432.99%2058.2589%20432.99%2067.0609ZM452.671%2071.962C448.375%2071.962%20446.276%2069.1614%20446.276%2066.2608C446.276%2062.4599%20448.973%2060.5594%20452.371%2060.0594L463.46%2058.359V60.5594C463.46%2069.2615%20458.265%2071.962%20452.671%2071.962Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M485.645%2066.7608C486.243%2072.3621%20491.339%2081.9642%20506.124%2081.9642C519.012%2081.9642%20525.205%2073.7624%20525.205%2065.7607C525.205%2058.559%20520.311%2052.6577%20510.62%2050.6571L503.626%2049.1569C500.929%2048.6568%20499.132%2047.1565%20499.132%2044.7559C499.132%2041.9552%20501.928%2039.8549%20505.425%2039.8549C511.021%2039.8549%20513.118%2043.5556%20513.519%2046.4564L524.607%2043.9558C524.007%2038.6546%20519.312%2029.7527%20505.326%2029.7527C494.735%2029.7527%20486.944%2037.0543%20486.944%2045.8561C486.944%2052.7576%20491.238%2058.4591%20500.73%2060.5594L507.224%2062.0598C511.021%2062.8599%20512.519%2064.6605%20512.519%2066.8609C512.519%2069.4615%20510.421%2071.762%20506.025%2071.762C500.23%2071.762%20497.334%2068.1611%20497.034%2064.2602L485.645%2066.7608Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M545.385%2050.2571C545.685%2045.7562%20549.482%2040.5549%20556.375%2040.5549C563.967%2040.5549%20567.165%2045.3561%20567.365%2050.2571H545.385ZM568.664%2063.0601C567.065%2067.4609%20563.668%2070.5617%20557.474%2070.5617C550.88%2070.5617%20545.385%2065.8606%20545.087%2059.3593H580.252C580.252%2059.159%20580.451%2057.1587%20580.451%2055.2582C580.451%2039.4547%20571.361%2029.7527%20556.175%2029.7527C543.588%2029.7527%20531.998%2039.9548%20531.998%2055.6584C531.998%2072.262%20543.886%2081.9642%20557.374%2081.9642C569.462%2081.9642%20577.255%2074.8626%20579.753%2066.3607L568.664%2063.0601Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(250%2C%20250%2C%20250)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M63.7076%20110.284C60.8481%20113.885%2055.0502%20111.912%2054.9813%20107.314L53.9738%2040.0627L99.1935%2040.0627C107.384%2040.0627%20111.952%2049.5228%20106.859%2055.9374L63.7076%20110.284Z%22%20fill%3D%22url(%23%3ARqlila6%3A-paint0)%22%20style%3D%22fill%3A%20url(%26quot%3B%23%3ARqlila6%3A-paint0%26quot%3B)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M63.7076%20110.284C60.8481%20113.885%2055.0502%20111.912%2054.9813%20107.314L53.9738%2040.0627L99.1935%2040.0627C107.384%2040.0627%20111.952%2049.5228%20106.859%2055.9374L63.7076%20110.284Z%22%20fill%3D%22url(%23%3ARqlila6%3A-paint1)%22%20fill-opacity%3D%220.2%22%20style%3D%22fill%3A%20url(%26quot%3B%23%3ARqlila6%3A-paint1%26quot%3B)%20!important%3B%20fill-opacity%3A%200.2%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M45.317%202.07103C48.1765%20-1.53037%2053.9745%200.442937%2054.0434%205.041L54.4849%2072.2922H9.83113C1.64038%2072.2922%20-2.92775%2062.8321%202.1655%2056.4175L45.317%202.07103Z%22%20fill%3D%22%233ECF8E%22%20style%3D%22fill%3A%20rgb(62%2C%20207%2C%20142)%20!important%3B%22%2F%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3ClinearGradient%20id%3D%22%3ARqlila6%3A-paint0%22%20x1%3D%2253.9738%22%20y1%3D%2254.974%22%20x2%3D%2294.1635%22%20y2%3D%2271.8295%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-color%3D%22%23249361%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(36%2C%20147%2C%2097)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233ECF8E%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(62%2C%20207%2C%20142)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22%3ARqlila6%3A-paint1%22%20x1%3D%2236.1558%22%20y1%3D%2230.578%22%20x2%3D%2254.4844%22%20y2%3D%2265.0806%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E", "favicon": "https://supabase.com/favicon/apple-icon-57x57.png", "ogImage": "https://supabase.com/images/og/supabase-og.png", "logoHref": "/", "logoAlt": "Supabase Logo" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Supabase'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 1, "text": "Start your project", "reasoning": "Button #2 has a vibrant brand color (#006239) and action-oriented text ('Start your project'), making it the primary CTA." }, "secondary": { "index": 5, "text": "State of Startups 2026: Take the survey.", "reasoning": "Button #4 has a transparent background, making it distinct from the primary button's vibrant color, suitable for a secondary action." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "developers and tech 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, links to the homepage, and matches the brand name 'Supabase'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```