{
"name": "Circle",
"slug": "circle",
"domain": "https://circle.so/",
"sources": [
"apollo_us_mid",
"startups_gallery"
],
"branding": {
"colorScheme": "light",
"fonts": [
{
"family": "Inter",
"role": "body"
},
{
"family": "Roboto",
"role": "body"
}
],
"colors": {
"primary": "#87879A",
"secondary": "#E0EAFC",
"accent": "#E0EAFC",
"background": "#FFFFFF",
"textPrimary": "#0F0F35",
"link": "#0F0F35"
},
"typography": {
"fontFamilies": {
"primary": "Inter",
"heading": "Inter"
},
"fontStacks": {
"heading": [
"Inter",
"system-ui",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"sans-serif"
],
"body": [
"Inter",
"system-ui",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"sans-serif"
],
"paragraph": [
"Inter",
"system-ui",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"sans-serif"
]
},
"fontSizes": {
"h1": "16px",
"h2": "16px",
"body": "16px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "12px"
},
"components": {
"input": {
"background": "#FFFFFF",
"textColor": "#0A0A0A",
"borderColor": null,
"borderRadius": "9999px",
"borderRadiusCorners": {
"topLeft": "9999px",
"topRight": "9999px",
"bottomRight": "9999px",
"bottomLeft": "9999px"
},
"shadow": "none"
},
"buttonPrimary": {
"background": "#FFFFFF",
"textColor": "#FAFAFA",
"borderRadius": "9999px",
"borderRadiusCorners": {
"topLeft": "9999px",
"topRight": "9999px",
"bottomRight": "9999px",
"bottomLeft": "9999px"
},
"shadow": "none"
},
"buttonSecondary": {
"background": "#E0EAFC",
"textColor": "#0A0A0A",
"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) 0px 0px 0px 0px"
}
},
"images": {
"logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20200%2058%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%20class%3D%22block%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3Bdisplay%3Ablock%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M26.5583%2057.3672C22.8697%2057.3672%2019.4023%2056.6783%2016.1563%2055.3006C12.9103%2053.8737%2010.0823%2051.9056%207.6724%2049.3962C5.26248%2046.8376%203.36897%2043.8854%201.99187%2040.5395C0.663958%2037.1937%200%2033.5772%200%2029.6901C0%2025.803%200.663958%2022.2111%201.99187%2018.9145C3.36897%2015.5686%205.26248%2012.641%207.6724%2010.1316C10.0823%207.62225%2012.9103%205.67871%2016.1563%204.301C19.4023%202.8741%2022.8697%202.16064%2026.5583%202.16064C31.2306%202.16064%2035.4603%203.12012%2039.2473%205.03906C43.0835%206.958%2046.2311%209.6396%2048.6902%2013.0839C51.1493%2016.5281%2052.674%2020.5136%2053.2642%2025.0404H41.3867C40.9933%2022.4818%2040.0834%2020.243%2038.6571%2018.3241C37.28%2016.4051%2035.5586%2014.9044%2033.493%2013.8219C31.4765%2012.7394%2029.2141%2012.1982%2026.7059%2012.1982C24.3943%2012.1982%2022.3041%2012.6164%2020.4351%2013.4529C18.6154%2014.2894%2017.017%2015.4948%2015.6399%2017.0694C14.312%2018.6439%2013.2792%2020.5136%2012.5414%2022.6786C11.8529%2024.7943%2011.5086%2027.1315%2011.5086%2029.6901C11.5086%2032.2979%2011.8529%2034.6843%2012.5414%2036.8492C13.2792%2038.965%2014.312%2040.8101%2015.6399%2042.3847C17.017%2043.9592%2018.6154%2045.1893%2020.4351%2046.0749C22.3041%2046.9114%2024.3943%2047.3296%2026.7059%2047.3296C29.2141%2047.3296%2031.5011%2046.7884%2033.5668%2045.7059C35.6324%2044.5742%2037.3292%2043.0489%2038.6571%2041.13C40.0342%2039.1618%2040.9441%2036.923%2041.3867%2034.4137H53.2642C52.6248%2038.9896%2051.0756%2042.9997%2048.6165%2046.444C46.1574%2049.8882%2043.0343%2052.5698%2039.2473%2054.4888C35.4603%2056.4077%2031.2306%2057.3672%2026.5583%2057.3672Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M68.9876%2056.2601H58.7332V16.8479H68.9876V56.2601Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M86.892%2037.1445V56.2601H76.6376V16.8479H86.0805V24.4499C87.556%2021.9405%2089.6954%2019.9724%2092.4988%2018.5455C95.3022%2017.1186%2098.2777%2016.4051%20101.425%2016.4051V27.0331C98.5728%2026.8363%2096.0399%2026.9839%2093.8267%2027.4759C91.6627%2027.9188%2089.9659%2028.9274%2088.7364%2030.502C87.5068%2032.0273%2086.892%2034.2414%2086.892%2037.1445Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M121.587%2056.9981C117.8%2056.9981%20114.456%2056.1371%20111.554%2054.415C108.702%2052.6928%20106.464%2050.2818%20104.841%2047.182C103.218%2044.0822%20102.406%2040.5395%20102.406%2036.554C102.406%2032.6177%20103.218%2029.1243%20104.841%2026.0736C106.513%2022.9738%20108.8%2020.5382%20111.702%2018.7669C114.603%2016.9956%20117.899%2016.1099%20121.587%2016.1099C124.981%2016.1099%20128.055%2016.8479%20130.809%2018.3241C133.563%2019.751%20135.801%2021.7929%20137.522%2024.4499C139.244%2027.0577%20140.301%2030.1329%20140.695%2033.6756H129.924C129.678%2031.0678%20128.792%2029.0013%20127.268%2027.4759C125.792%2025.9506%20123.899%2025.188%20121.587%2025.188C119.817%2025.188%20118.267%2025.6554%20116.94%2026.5903C115.661%2027.5251%20114.653%2028.829%20113.915%2030.502C113.226%2032.1749%20112.882%2034.1922%20112.882%2036.554C112.882%2038.8666%20113.226%2040.8839%20113.915%2042.6061C114.653%2044.3282%20115.661%2045.6567%20116.94%2046.5916C118.267%2047.4772%20119.817%2047.9201%20121.587%2047.9201C123.948%2047.9201%20125.842%2047.182%20127.268%2045.7059C128.743%2044.1806%20129.629%2042.0894%20129.924%2039.4324H140.695C140.35%2043.0243%20139.317%2046.1487%20137.596%2048.8057C135.875%2051.4135%20133.661%2053.4309%20130.956%2054.8578C128.251%2056.2847%20125.128%2056.9981%20121.587%2056.9981Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M156.131%2056.2601H145.803V3.26773L156.131%203.26773V56.2601Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M180.967%2056.9243C177.032%2056.9243%20173.565%2056.0879%20170.565%2054.415C167.614%2052.6928%20165.327%2050.2818%20163.704%2047.182C162.081%2044.0822%20161.269%2040.4903%20161.269%2036.4064C161.269%2032.4701%20162.105%2028.9767%20163.777%2025.926C165.45%2022.8754%20167.761%2020.489%20170.712%2018.7669C173.663%2016.9956%20177.032%2016.1099%20180.819%2016.1099C183.917%2016.1099%20186.721%2016.7003%20189.229%2017.8812C191.787%2019.0129%20193.926%2020.6366%20195.647%2022.7524C197.369%2024.8681%20198.598%2027.3283%20199.336%2030.1329C200.074%2032.8883%20200.197%2035.8652%20199.705%2039.0634H167.319V32.5685H188.86C188.762%2029.8131%20187.95%2027.6482%20186.426%2026.0736C184.95%2024.4499%20183.008%2023.6381%20180.598%2023.6381C178.68%2023.6381%20177.057%2024.1301%20175.729%2025.1142C174.401%2026.0982%20173.368%2027.5497%20172.63%2029.4687C171.942%2031.3384%20171.597%2033.651%20171.597%2036.4064C171.597%2039.1126%20171.942%2041.4006%20172.63%2043.2703C173.319%2045.1401%20174.352%2046.567%20175.729%2047.551C177.106%2048.5351%20178.778%2049.0272%20180.745%2049.0272C183.008%2049.0272%20184.877%2048.4859%20186.352%2047.4034C187.827%2046.3209%20188.86%2044.8202%20189.45%2042.9013H199.631C198.5%2047.3296%20196.311%2050.7739%20193.065%2053.2341C189.819%2055.6943%20185.786%2056.9243%20180.967%2056.9243Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M70.5386%207.01152C70.5386%209.02888%2069.8992%2010.7018%2068.6205%2012.0303C67.3418%2013.3096%2065.6942%2013.9492%2063.6777%2013.9492C61.6613%2013.9492%2059.9891%2013.3096%2058.6611%2012.0303C57.3824%2010.7018%2056.743%209.02888%2056.743%207.01152C56.743%204.94497%2057.3824%203.27205%2058.6611%201.99275C59.9891%200.664252%2061.6613%200%2063.6777%200C65.6942%200%2067.3418%200.664252%2068.6205%201.99275C69.8992%203.27205%2070.5386%204.94497%2070.5386%207.01152Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
"favicon": "https://circle.so/favicon.ico?favicon.7c84533d.ico",
"ogImage": "https://cdn.builder.io/api/v1/image/assets%2Fd5e2d72a033944e1a916c5c34902a1ff%2F34a8e14828d7461f94d2a41e2ad89fc0",
"logoHref": "/"
},
"__llm_logo_reasoning": {
"selectedIndex": 0,
"reasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, which aligns with the brand 'Circle'.",
"confidence": 0.95,
"source": "llm"
},
"__llm_button_reasoning": {
"primary": {
"index": 0,
"text": "Start free trial",
"reasoning": "The button 'Start free trial' is likely the primary CTA due to its action-oriented text and prominent placement. Although its background color is white, the text suggests a primary action."
},
"secondary": {
"index": 5,
"text": "Discussions",
"reasoning": "The button 'Discussions' with a blue background is chosen as secondary due to its distinct color from the primary button and less action-oriented text."
},
"confidence": 0.9
},
"personality": {
"tone": "modern",
"energy": "medium",
"targetAudience": "community managers and online platform users"
},
"designSystem": {
"framework": "tailwind",
"componentLibrary": ""
},
"confidence": {
"buttons": 0.9,
"colors": 0.9,
"overall": 0.9
},
"__llm_metadata": {
"logoSelection": {
"llmCalled": true,
"llmSucceeded": true,
"finalSource": "llm",
"rawLogoSelection": {
"selectedLogoIndex": 0,
"selectedLogoReasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, which aligns with the brand 'Circle'.",
"confidence": 0.95
}
},
"buttonClassification": {
"llmCalled": true,
"llmSucceeded": true
}
}
},
"images": [
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/circle/1daa37ed2b.webp",
"alt": "The Fictionary School for Writers & Editors | Discover",
"source_url": "https://discover.circle.so/product/the-fictionary-school-for-writers-editors",
"image_url": "https://discover.circle.so/_next/image?url=https%3A%2F%2Fd2ujsjp1li17lx.cloudfront.net%2Fp0emo3of39c61lw6y125kpskjkql&w=3840&q=75",
"width": 3290,
"height": 3290,
"bytes": 830072,
"query": "site:circle.so",
"query_suffix": "site:circle.so"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/circle/aa106346b3.webp",
"alt": "All Blog Posts - Circle Blog",
"source_url": "https://circle.so/blog/archive",
"image_url": "https://circle.so/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Fd5e2d72a033944e1a916c5c34902a1ff%252Ff367ba7961a44b79a76f275a4150015c&w=3840&q=75",
"width": 2000,
"height": 1125,
"bytes": 44719,
"query": "site:circle.so blog",
"query_suffix": "site:circle.so blog"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/circle/3ad9c16421.webp",
"alt": "Sign up | Transformers Community",
"source_url": "https://fundraisingtransformed.circle.so/join?invitation_token=625e2b7b108ca26c415880a111943c7dba5b9a1b-81de8109-42b0-4190-ac3e-e713e9a398a7",
"image_url": "https://assets-v3.circle.so/jvoasrkqd8hq8z9hn7fx5my4at8t",
"width": 5000,
"height": 2625,
"bytes": 891923,
"query": "site:circle.so",
"query_suffix": "site:circle.so"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/circle/0fb1dac9e9.webp",
"alt": "Circle Blog - Community Building Resources & Insights",
"source_url": "https://circle.so/blog",
"image_url": "https://circle.so/_next/image?url=https%3A%2F%2Fcdn-marketing.circle.so%2Fmedia%2Ffigma%2Fskool-alternatives-4-1776195002440.png&w=3840&q=75",
"width": 2400,
"height": 1350,
"bytes": 345795,
"query": "site:circle.so blog",
"query_suffix": "site:circle.so blog"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/circle/7f12e35ef4.webp",
"alt": "Anna Tyrie | Discover",
"source_url": "https://discover.circle.so/c/anna",
"image_url": "https://d2ujsjp1li17lx.cloudfront.net/s03d7xb6spy9bao1kpl30m5go1vl",
"width": 5278,
"height": 3941,
"bytes": 2971692,
"query": "site:circle.so",
"query_suffix": "site:circle.so"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/circle/b9068ac527.webp",
"alt": "Circle Blog - Community Building Resources & Insights",
"source_url": "https://circle.so/blog",
"image_url": "https://circle.so/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Fd5e2d72a033944e1a916c5c34902a1ff%252Fd566faaf61ef4ba19bf083021eac0639&w=3840&q=75",
"width": 2000,
"height": 1125,
"bytes": 49957,
"query": "site:circle.so blog",
"query_suffix": "site:circle.so blog"
}
],
"font_resources": [
{
"family": "Inter",
"google_fonts_url": "https://fonts.google.com/specimen/Inter"
},
{
"family": "Inter",
"google_fonts_url": "https://fonts.google.com/specimen/Inter"
}
],
"google_fonts_css": "https://fonts.googleapis.com/css2?family=Inter&family=Inter&display=swap",
"font_download_note": "Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.",
"page_url": "https://characterquilt.com/branding/circle",
"agent_instructions": "You are designing or implementing in Circle's brand identity.\n\n# Brand profile\n- Company: Circle\n- Source: https://circle.so/\n- Color scheme: light\n\n# Colors\n- primary: #87879A\n- secondary: #E0EAFC\n- accent: #E0EAFC\n- background: #FFFFFF\n- textPrimary: #0F0F35\n- link: #0F0F35\n\n# Typography\n- primary: Inter — https://fonts.google.com/specimen/Inter\n- heading: Inter — https://fonts.google.com/specimen/Inter\n\nLoad all fonts at once: \n\n# UI Components\n- input: background=#FFFFFF, textColor=#0A0A0A, borderColor=null, borderRadius=9999px, shadow=none\n- buttonPrimary: background=#FFFFFF, textColor=#FAFAFA, borderRadius=9999px, shadow=none\n- buttonSecondary: background=#E0EAFC, textColor=#0A0A0A, 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) 0px 0px 0px 0px\n\n# Brand voice\n- Tone: modern\n- Energy: medium\n- Audience: community managers and online platform users\n\n# Working with these fonts\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n# Full machine-readable profile\nhttps://characterquilt.com/branding/circle.json",
"page_markdown": "# Circle Brand Identity\n\nA complete profile of **Circle**'s visual system — colors, typography, components, and personality — extracted from https://circle.so/. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/circle\n- Machine-readable JSON: https://characterquilt.com/branding/circle.json\n- Per-page llms.txt: https://characterquilt.com/branding/circle/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #87879A |\n| Accent | #E0EAFC |\n| Body Font | Inter |\n| Heading Font | Inter |\n\n## Color Palette\n\n- primary: #87879A\n- secondary: #E0EAFC\n- accent: #E0EAFC\n- background: #FFFFFF\n- textPrimary: #0F0F35\n- link: #0F0F35\n\n## Typography\n\n- primary: Inter — https://fonts.google.com/specimen/Inter\n- heading: Inter — https://fonts.google.com/specimen/Inter\n\n## Visual Assets\n\n- Logo: data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20200%2058%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%20class%3D%22block%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3Bdisplay%3Ablock%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M26.5583%2057.3672C22.8697%2057.3672%2019.4023%2056.6783%2016.1563%2055.3006C12.9103%2053.8737%2010.0823%2051.9056%207.6724%2049.3962C5.26248%2046.8376%203.36897%2043.8854%201.99187%2040.5395C0.663958%2037.1937%200%2033.5772%200%2029.6901C0%2025.803%200.663958%2022.2111%201.99187%2018.9145C3.36897%2015.5686%205.26248%2012.641%207.6724%2010.1316C10.0823%207.62225%2012.9103%205.67871%2016.1563%204.301C19.4023%202.8741%2022.8697%202.16064%2026.5583%202.16064C31.2306%202.16064%2035.4603%203.12012%2039.2473%205.03906C43.0835%206.958%2046.2311%209.6396%2048.6902%2013.0839C51.1493%2016.5281%2052.674%2020.5136%2053.2642%2025.0404H41.3867C40.9933%2022.4818%2040.0834%2020.243%2038.6571%2018.3241C37.28%2016.4051%2035.5586%2014.9044%2033.493%2013.8219C31.4765%2012.7394%2029.2141%2012.1982%2026.7059%2012.1982C24.3943%2012.1982%2022.3041%2012.6164%2020.4351%2013.4529C18.6154%2014.2894%2017.017%2015.4948%2015.6399%2017.0694C14.312%2018.6439%2013.2792%2020.5136%2012.5414%2022.6786C11.8529%2024.7943%2011.5086%2027.1315%2011.5086%2029.6901C11.5086%2032.2979%2011.8529%2034.6843%2012.5414%2036.8492C13.2792%2038.965%2014.312%2040.8101%2015.6399%2042.3847C17.017%2043.9592%2018.6154%2045.1893%2020.4351%2046.0749C22.3041%2046.9114%2024.3943%2047.3296%2026.7059%2047.3296C29.2141%2047.3296%2031.5011%2046.7884%2033.5668%2045.7059C35.6324%2044.5742%2037.3292%2043.0489%2038.6571%2041.13C40.0342%2039.1618%2040.9441%2036.923%2041.3867%2034.4137H53.2642C52.6248%2038.9896%2051.0756%2042.9997%2048.6165%2046.444C46.1574%2049.8882%2043.0343%2052.5698%2039.2473%2054.4888C35.4603%2056.4077%2031.2306%2057.3672%2026.5583%2057.3672Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M68.9876%2056.2601H58.7332V16.8479H68.9876V56.2601Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M86.892%2037.1445V56.2601H76.6376V16.8479H86.0805V24.4499C87.556%2021.9405%2089.6954%2019.9724%2092.4988%2018.5455C95.3022%2017.1186%2098.2777%2016.4051%20101.425%2016.4051V27.0331C98.5728%2026.8363%2096.0399%2026.9839%2093.8267%2027.4759C91.6627%2027.9188%2089.9659%2028.9274%2088.7364%2030.502C87.5068%2032.0273%2086.892%2034.2414%2086.892%2037.1445Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M121.587%2056.9981C117.8%2056.9981%20114.456%2056.1371%20111.554%2054.415C108.702%2052.6928%20106.464%2050.2818%20104.841%2047.182C103.218%2044.0822%20102.406%2040.5395%20102.406%2036.554C102.406%2032.6177%20103.218%2029.1243%20104.841%2026.0736C106.513%2022.9738%20108.8%2020.5382%20111.702%2018.7669C114.603%2016.9956%20117.899%2016.1099%20121.587%2016.1099C124.981%2016.1099%20128.055%2016.8479%20130.809%2018.3241C133.563%2019.751%20135.801%2021.7929%20137.522%2024.4499C139.244%2027.0577%20140.301%2030.1329%20140.695%2033.6756H129.924C129.678%2031.0678%20128.792%2029.0013%20127.268%2027.4759C125.792%2025.9506%20123.899%2025.188%20121.587%2025.188C119.817%2025.188%20118.267%2025.6554%20116.94%2026.5903C115.661%2027.5251%20114.653%2028.829%20113.915%2030.502C113.226%2032.1749%20112.882%2034.1922%20112.882%2036.554C112.882%2038.8666%20113.226%2040.8839%20113.915%2042.6061C114.653%2044.3282%20115.661%2045.6567%20116.94%2046.5916C118.267%2047.4772%20119.817%2047.9201%20121.587%2047.9201C123.948%2047.9201%20125.842%2047.182%20127.268%2045.7059C128.743%2044.1806%20129.629%2042.0894%20129.924%2039.4324H140.695C140.35%2043.0243%20139.317%2046.1487%20137.596%2048.8057C135.875%2051.4135%20133.661%2053.4309%20130.956%2054.8578C128.251%2056.2847%20125.128%2056.9981%20121.587%2056.9981Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M156.131%2056.2601H145.803V3.26773L156.131%203.26773V56.2601Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M180.967%2056.9243C177.032%2056.9243%20173.565%2056.0879%20170.565%2054.415C167.614%2052.6928%20165.327%2050.2818%20163.704%2047.182C162.081%2044.0822%20161.269%2040.4903%20161.269%2036.4064C161.269%2032.4701%20162.105%2028.9767%20163.777%2025.926C165.45%2022.8754%20167.761%2020.489%20170.712%2018.7669C173.663%2016.9956%20177.032%2016.1099%20180.819%2016.1099C183.917%2016.1099%20186.721%2016.7003%20189.229%2017.8812C191.787%2019.0129%20193.926%2020.6366%20195.647%2022.7524C197.369%2024.8681%20198.598%2027.3283%20199.336%2030.1329C200.074%2032.8883%20200.197%2035.8652%20199.705%2039.0634H167.319V32.5685H188.86C188.762%2029.8131%20187.95%2027.6482%20186.426%2026.0736C184.95%2024.4499%20183.008%2023.6381%20180.598%2023.6381C178.68%2023.6381%20177.057%2024.1301%20175.729%2025.1142C174.401%2026.0982%20173.368%2027.5497%20172.63%2029.4687C171.942%2031.3384%20171.597%2033.651%20171.597%2036.4064C171.597%2039.1126%20171.942%2041.4006%20172.63%2043.2703C173.319%2045.1401%20174.352%2046.567%20175.729%2047.551C177.106%2048.5351%20178.778%2049.0272%20180.745%2049.0272C183.008%2049.0272%20184.877%2048.4859%20186.352%2047.4034C187.827%2046.3209%20188.86%2044.8202%20189.45%2042.9013H199.631C198.5%2047.3296%20196.311%2050.7739%20193.065%2053.2341C189.819%2055.6943%20185.786%2056.9243%20180.967%2056.9243Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M70.5386%207.01152C70.5386%209.02888%2069.8992%2010.7018%2068.6205%2012.0303C67.3418%2013.3096%2065.6942%2013.9492%2063.6777%2013.9492C61.6613%2013.9492%2059.9891%2013.3096%2058.6611%2012.0303C57.3824%2010.7018%2056.743%209.02888%2056.743%207.01152C56.743%204.94497%2057.3824%203.27205%2058.6611%201.99275C59.9891%200.664252%2061.6613%200%2063.6777%200C65.6942%200%2067.3418%200.664252%2068.6205%201.99275C69.8992%203.27205%2070.5386%204.94497%2070.5386%207.01152Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E\n- Favicon: https://circle.so/favicon.ico?favicon.7c84533d.ico\n- Social card (og:image): https://cdn.builder.io/api/v1/image/assets%2Fd5e2d72a033944e1a916c5c34902a1ff%2F34a8e14828d7461f94d2a41e2ad89fc0\n\n## UI Components\n\n- input: background=#FFFFFF, textColor=#0A0A0A, borderColor=null, borderRadius=9999px, shadow=none\n- buttonPrimary: background=#FFFFFF, textColor=#FAFAFA, borderRadius=9999px, shadow=none\n- buttonSecondary: background=#E0EAFC, textColor=#0A0A0A, 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) 0px 0px 0px 0px\n\n## Brand Personality\n\nTone: modern · Energy: medium · Audience: community managers and online platform users\n\n## Circle Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **The Fictionary School for Writers & Editors | Discover**\n - Image: https://discover.circle.so/_next/image?url=https%3A%2F%2Fd2ujsjp1li17lx.cloudfront.net%2Fp0emo3of39c61lw6y125kpskjkql&w=3840&q=75\n - Source: https://discover.circle.so/product/the-fictionary-school-for-writers-editors\n- **All Blog Posts - Circle Blog**\n - Image: https://circle.so/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Fd5e2d72a033944e1a916c5c34902a1ff%252Ff367ba7961a44b79a76f275a4150015c&w=3840&q=75\n - Source: https://circle.so/blog/archive\n- **Sign up | Transformers Community**\n - Image: https://assets-v3.circle.so/jvoasrkqd8hq8z9hn7fx5my4at8t\n - Source: https://fundraisingtransformed.circle.so/join?invitation_token=625e2b7b108ca26c415880a111943c7dba5b9a1b-81de8109-42b0-4190-ac3e-e713e9a398a7\n- **Circle Blog - Community Building Resources & Insights**\n - Image: https://circle.so/_next/image?url=https%3A%2F%2Fcdn-marketing.circle.so%2Fmedia%2Ffigma%2Fskool-alternatives-4-1776195002440.png&w=3840&q=75\n - Source: https://circle.so/blog\n- **Anna Tyrie | Discover**\n - Image: https://d2ujsjp1li17lx.cloudfront.net/s03d7xb6spy9bao1kpl30m5go1vl\n - Source: https://discover.circle.so/c/anna\n- **Circle Blog - Community Building Resources & Insights**\n - Image: https://circle.so/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Fd5e2d72a033944e1a916c5c34902a1ff%252Fd566faaf61ef4ba19bf083021eac0639&w=3840&q=75\n - Source: https://circle.so/blog\n\n## Working with these fonts\n\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n## Machine-Readable Profile\n\n```json\n{\n \"colorScheme\": \"light\",\n \"fonts\": [\n {\n \"family\": \"Inter\",\n \"role\": \"body\"\n },\n {\n \"family\": \"Roboto\",\n \"role\": \"body\"\n }\n ],\n \"colors\": {\n \"primary\": \"#87879A\",\n \"secondary\": \"#E0EAFC\",\n \"accent\": \"#E0EAFC\",\n \"background\": \"#FFFFFF\",\n \"textPrimary\": \"#0F0F35\",\n \"link\": \"#0F0F35\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"Inter\",\n \"heading\": \"Inter\"\n },\n \"fontStacks\": {\n \"heading\": [\n \"Inter\",\n \"system-ui\",\n \"-apple-system\",\n \"BlinkMacSystemFont\",\n \"Segoe UI\",\n \"Roboto\",\n \"sans-serif\"\n ],\n \"body\": [\n \"Inter\",\n \"system-ui\",\n \"-apple-system\",\n \"BlinkMacSystemFont\",\n \"Segoe UI\",\n \"Roboto\",\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"Inter\",\n \"system-ui\",\n \"-apple-system\",\n \"BlinkMacSystemFont\",\n \"Segoe UI\",\n \"Roboto\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"16px\",\n \"h2\": \"16px\",\n \"body\": \"16px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 4,\n \"borderRadius\": \"12px\"\n },\n \"components\": {\n \"input\": {\n \"background\": \"#FFFFFF\",\n \"textColor\": \"#0A0A0A\",\n \"borderColor\": null,\n \"borderRadius\": \"9999px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"9999px\",\n \"topRight\": \"9999px\",\n \"bottomRight\": \"9999px\",\n \"bottomLeft\": \"9999px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonPrimary\": {\n \"background\": \"#FFFFFF\",\n \"textColor\": \"#FAFAFA\",\n \"borderRadius\": \"9999px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"9999px\",\n \"topRight\": \"9999px\",\n \"bottomRight\": \"9999px\",\n \"bottomLeft\": \"9999px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonSecondary\": {\n \"background\": \"#E0EAFC\",\n \"textColor\": \"#0A0A0A\",\n \"borderRadius\": \"9999px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"9999px\",\n \"topRight\": \"9999px\",\n \"bottomRight\": \"9999px\",\n \"bottomLeft\": \"9999px\"\n },\n \"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\"\n }\n },\n \"images\": {\n \"logo\": \"data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20200%2058%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%20class%3D%22block%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3Bdisplay%3Ablock%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M26.5583%2057.3672C22.8697%2057.3672%2019.4023%2056.6783%2016.1563%2055.3006C12.9103%2053.8737%2010.0823%2051.9056%207.6724%2049.3962C5.26248%2046.8376%203.36897%2043.8854%201.99187%2040.5395C0.663958%2037.1937%200%2033.5772%200%2029.6901C0%2025.803%200.663958%2022.2111%201.99187%2018.9145C3.36897%2015.5686%205.26248%2012.641%207.6724%2010.1316C10.0823%207.62225%2012.9103%205.67871%2016.1563%204.301C19.4023%202.8741%2022.8697%202.16064%2026.5583%202.16064C31.2306%202.16064%2035.4603%203.12012%2039.2473%205.03906C43.0835%206.958%2046.2311%209.6396%2048.6902%2013.0839C51.1493%2016.5281%2052.674%2020.5136%2053.2642%2025.0404H41.3867C40.9933%2022.4818%2040.0834%2020.243%2038.6571%2018.3241C37.28%2016.4051%2035.5586%2014.9044%2033.493%2013.8219C31.4765%2012.7394%2029.2141%2012.1982%2026.7059%2012.1982C24.3943%2012.1982%2022.3041%2012.6164%2020.4351%2013.4529C18.6154%2014.2894%2017.017%2015.4948%2015.6399%2017.0694C14.312%2018.6439%2013.2792%2020.5136%2012.5414%2022.6786C11.8529%2024.7943%2011.5086%2027.1315%2011.5086%2029.6901C11.5086%2032.2979%2011.8529%2034.6843%2012.5414%2036.8492C13.2792%2038.965%2014.312%2040.8101%2015.6399%2042.3847C17.017%2043.9592%2018.6154%2045.1893%2020.4351%2046.0749C22.3041%2046.9114%2024.3943%2047.3296%2026.7059%2047.3296C29.2141%2047.3296%2031.5011%2046.7884%2033.5668%2045.7059C35.6324%2044.5742%2037.3292%2043.0489%2038.6571%2041.13C40.0342%2039.1618%2040.9441%2036.923%2041.3867%2034.4137H53.2642C52.6248%2038.9896%2051.0756%2042.9997%2048.6165%2046.444C46.1574%2049.8882%2043.0343%2052.5698%2039.2473%2054.4888C35.4603%2056.4077%2031.2306%2057.3672%2026.5583%2057.3672Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M68.9876%2056.2601H58.7332V16.8479H68.9876V56.2601Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M86.892%2037.1445V56.2601H76.6376V16.8479H86.0805V24.4499C87.556%2021.9405%2089.6954%2019.9724%2092.4988%2018.5455C95.3022%2017.1186%2098.2777%2016.4051%20101.425%2016.4051V27.0331C98.5728%2026.8363%2096.0399%2026.9839%2093.8267%2027.4759C91.6627%2027.9188%2089.9659%2028.9274%2088.7364%2030.502C87.5068%2032.0273%2086.892%2034.2414%2086.892%2037.1445Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M121.587%2056.9981C117.8%2056.9981%20114.456%2056.1371%20111.554%2054.415C108.702%2052.6928%20106.464%2050.2818%20104.841%2047.182C103.218%2044.0822%20102.406%2040.5395%20102.406%2036.554C102.406%2032.6177%20103.218%2029.1243%20104.841%2026.0736C106.513%2022.9738%20108.8%2020.5382%20111.702%2018.7669C114.603%2016.9956%20117.899%2016.1099%20121.587%2016.1099C124.981%2016.1099%20128.055%2016.8479%20130.809%2018.3241C133.563%2019.751%20135.801%2021.7929%20137.522%2024.4499C139.244%2027.0577%20140.301%2030.1329%20140.695%2033.6756H129.924C129.678%2031.0678%20128.792%2029.0013%20127.268%2027.4759C125.792%2025.9506%20123.899%2025.188%20121.587%2025.188C119.817%2025.188%20118.267%2025.6554%20116.94%2026.5903C115.661%2027.5251%20114.653%2028.829%20113.915%2030.502C113.226%2032.1749%20112.882%2034.1922%20112.882%2036.554C112.882%2038.8666%20113.226%2040.8839%20113.915%2042.6061C114.653%2044.3282%20115.661%2045.6567%20116.94%2046.5916C118.267%2047.4772%20119.817%2047.9201%20121.587%2047.9201C123.948%2047.9201%20125.842%2047.182%20127.268%2045.7059C128.743%2044.1806%20129.629%2042.0894%20129.924%2039.4324H140.695C140.35%2043.0243%20139.317%2046.1487%20137.596%2048.8057C135.875%2051.4135%20133.661%2053.4309%20130.956%2054.8578C128.251%2056.2847%20125.128%2056.9981%20121.587%2056.9981Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M156.131%2056.2601H145.803V3.26773L156.131%203.26773V56.2601Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M180.967%2056.9243C177.032%2056.9243%20173.565%2056.0879%20170.565%2054.415C167.614%2052.6928%20165.327%2050.2818%20163.704%2047.182C162.081%2044.0822%20161.269%2040.4903%20161.269%2036.4064C161.269%2032.4701%20162.105%2028.9767%20163.777%2025.926C165.45%2022.8754%20167.761%2020.489%20170.712%2018.7669C173.663%2016.9956%20177.032%2016.1099%20180.819%2016.1099C183.917%2016.1099%20186.721%2016.7003%20189.229%2017.8812C191.787%2019.0129%20193.926%2020.6366%20195.647%2022.7524C197.369%2024.8681%20198.598%2027.3283%20199.336%2030.1329C200.074%2032.8883%20200.197%2035.8652%20199.705%2039.0634H167.319V32.5685H188.86C188.762%2029.8131%20187.95%2027.6482%20186.426%2026.0736C184.95%2024.4499%20183.008%2023.6381%20180.598%2023.6381C178.68%2023.6381%20177.057%2024.1301%20175.729%2025.1142C174.401%2026.0982%20173.368%2027.5497%20172.63%2029.4687C171.942%2031.3384%20171.597%2033.651%20171.597%2036.4064C171.597%2039.1126%20171.942%2041.4006%20172.63%2043.2703C173.319%2045.1401%20174.352%2046.567%20175.729%2047.551C177.106%2048.5351%20178.778%2049.0272%20180.745%2049.0272C183.008%2049.0272%20184.877%2048.4859%20186.352%2047.4034C187.827%2046.3209%20188.86%2044.8202%20189.45%2042.9013H199.631C198.5%2047.3296%20196.311%2050.7739%20193.065%2053.2341C189.819%2055.6943%20185.786%2056.9243%20180.967%2056.9243Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M70.5386%207.01152C70.5386%209.02888%2069.8992%2010.7018%2068.6205%2012.0303C67.3418%2013.3096%2065.6942%2013.9492%2063.6777%2013.9492C61.6613%2013.9492%2059.9891%2013.3096%2058.6611%2012.0303C57.3824%2010.7018%2056.743%209.02888%2056.743%207.01152C56.743%204.94497%2057.3824%203.27205%2058.6611%201.99275C59.9891%200.664252%2061.6613%200%2063.6777%200C65.6942%200%2067.3418%200.664252%2068.6205%201.99275C69.8992%203.27205%2070.5386%204.94497%2070.5386%207.01152Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E\",\n \"favicon\": \"https://circle.so/favicon.ico?favicon.7c84533d.ico\",\n \"ogImage\": \"https://cdn.builder.io/api/v1/image/assets%2Fd5e2d72a033944e1a916c5c34902a1ff%2F34a8e14828d7461f94d2a41e2ad89fc0\",\n \"logoHref\": \"/\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is located in the header, is visible, and links to the homepage, which aligns with the brand 'Circle'.\",\n \"confidence\": 0.95,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 0,\n \"text\": \"Start free trial\",\n \"reasoning\": \"The button 'Start free trial' is likely the primary CTA due to its action-oriented text and prominent placement. Although its background color is white, the text suggests a primary action.\"\n },\n \"secondary\": {\n \"index\": 5,\n \"text\": \"Discussions\",\n \"reasoning\": \"The button 'Discussions' with a blue background is chosen as secondary due to its distinct color from the primary button and less action-oriented text.\"\n },\n \"confidence\": 0.9\n },\n \"personality\": {\n \"tone\": \"modern\",\n \"energy\": \"medium\",\n \"targetAudience\": \"community managers and online platform users\"\n },\n \"designSystem\": {\n \"framework\": \"tailwind\",\n \"componentLibrary\": \"\"\n },\n \"confidence\": {\n \"buttons\": 0.9,\n \"colors\": 0.9,\n \"overall\": 0.9\n },\n \"__llm_metadata\": {\n \"logoSelection\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true,\n \"finalSource\": \"llm\",\n \"rawLogoSelection\": {\n \"selectedLogoIndex\": 0,\n \"selectedLogoReasoning\": \"Selected #0 because it is located in the header, is visible, and links to the homepage, which aligns with the brand 'Circle'.\",\n \"confidence\": 0.95\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n"
}