{
"name": "Ello",
"slug": "ello",
"domain": "https://www.ello.com",
"sources": [
"yc"
],
"branding": {
"colorScheme": "light",
"fonts": [
{
"family": "Mulish",
"role": "body"
}
],
"colors": {
"primary": "#335C6E",
"secondary": "#E6F7F7",
"accent": "#28B8B8",
"background": "#FFFFFF",
"textPrimary": "#28B8B8",
"link": "#28B8B8"
},
"typography": {
"fontFamilies": {
"primary": "Mulish",
"heading": "Mulish"
},
"fontStacks": {
"heading": [
"Mulish",
"sans-serif"
],
"body": [
"Mulish",
"sans-serif"
],
"paragraph": [
"Mulish",
"sans-serif"
]
},
"fontSizes": {
"h1": "44px",
"h2": "36px",
"body": "20px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "10px"
},
"components": {
"buttonPrimary": {
"background": "#28B8B8",
"textColor": "#FFFFFF",
"borderRadius": "32px",
"borderRadiusCorners": {
"topLeft": "32px",
"topRight": "32px",
"bottomRight": "32px",
"bottomLeft": "32px"
},
"shadow": "none"
},
"buttonSecondary": {
"background": "#335C6E",
"textColor": "#647070",
"borderRadius": "0px",
"borderRadiusCorners": {
"topLeft": "0px",
"topRight": "0px",
"bottomRight": "0px",
"bottomLeft": "0px"
},
"shadow": "none"
}
},
"images": {
"logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20186%20126%22%20width%3D%22186%22%20height%3D%22126%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22width%3A%20100%25%3B%20height%3A%20100%25%3B%20transform%3A%20translate3d(0px%2C%200px%2C%200px)%3B%20content-visibility%3A%20visible%3B%22%20data-fc-idx%3D%220%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22__lottie_element_18%22%3E%3Crect%20width%3D%22186%22%20height%3D%22126%22%20x%3D%220%22%20y%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23__lottie_element_18)%22%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.699997901916504)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C58.895999908447266%2C137.85000610351562)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M25.773000717163086%2C-66.24199676513672%20C25.773000717163086%2C-66.24199676513672%2027.77899932861328%2C-49.415000915527344%2027.77899932861328%2C-49.415000915527344%20C27.77899932861328%2C-49.415000915527344%20-29.65999984741211%2C-42.566001892089844%20-29.65999984741211%2C-42.566001892089844%20C-29.65999984741211%2C-42.566001892089844%20-21.14699935913086%2C47.512001037597656%20-21.14699935913086%2C47.512001037597656%20C-21.14699935913086%2C47.512001037597656%2046.22700119018555%2C40.07899856567383%2046.22700119018555%2C40.07899856567383%20C46.22700119018555%2C40.07899856567383%2048.084999084472656%2C56.92300033569336%2048.084999084472656%2C56.92300033569336%20C48.084999084472656%2C56.92300033569336%20-36.39799880981445%2C66.24199676513672%20-36.39799880981445%2C66.24199676513672%20C-36.39799880981445%2C66.24199676513672%20-48.084999084472656%2C-57.43299865722656%20-48.084999084472656%2C-57.43299865722656%20C-48.084999084472656%2C-57.43299865722656%2025.773000717163086%2C-66.24199676513672%2025.773000717163086%2C-66.24199676513672z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C44.790000915527344%2C133.78900146484375)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M-40.790000915527344%2C-3.5209999084472656%20C-40.790000915527344%2C-3.5209999084472656%2038.72100067138672%2C-13.29699993133545%2038.72100067138672%2C-13.29699993133545%20C38.72100067138672%2C-13.29699993133545%2040.790000915527344%2C3.5199999809265137%2040.790000915527344%2C3.5199999809265137%20C40.790000915527344%2C3.5199999809265137%20-38.72100067138672%2C13.295999526977539%20-38.72100067138672%2C13.295999526977539%20C-38.72100067138672%2C13.295999526977539%20-40.790000915527344%2C-3.5209999084472656%20-40.790000915527344%2C-3.5209999084472656z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.699997901916504)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C122.83000183105469%2C121.43299865722656)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M3.299999952316284%2C83.26899719238281%20C3.299999952316284%2C83.26899719238281%20-20.076000213623047%2C-80.87999725341797%20-20.076000213623047%2C-80.87999725341797%20C-20.076000213623047%2C-80.87999725341797%20-3.299999952316284%2C-83.26899719238281%20-3.299999952316284%2C-83.26899719238281%20C-3.299999952316284%2C-83.26899719238281%2020.076000213623047%2C80.87999725341797%2020.076000213623047%2C80.87999725341797%20C20.076000213623047%2C80.87999725341797%203.299999952316284%2C83.26899719238281%203.299999952316284%2C83.26899719238281z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C0.43499672412872314)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C166.06100463867188%2C104.5)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M2.183000087738037%2C-104.5%20C2.183000087738037%2C-104.5%20-14.730999946594238%2C-103.47899627685547%20-14.730999946594238%2C-103.47899627685547%20C-14.730999946594238%2C-103.47899627685547%20-2.183000087738037%2C104.5%20-2.183000087738037%2C104.5%20C-2.183000087738037%2C104.5%2014.730999946594238%2C103.4800033569336%2014.730999946594238%2C103.4800033569336%20C14.730999946594238%2C103.4800033569336%202.183000087738037%2C-104.5%202.183000087738037%2C-104.5z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C250.42999267578125%2C140.5050048828125)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M-38.558998107910156%2C-6.708000183105469%20C-41.81700134277344%2C12.015999794006348%20-28.017000198364258%2C31.18899917602539%20-6.090000152587891%2C35.00400161743164%20C15.838000297546387%2C38.819000244140625%2035.303001403808594%2C25.433000564575195%2038.560001373291016%2C6.709000110626221%20C41.81800079345703%2C-12.015999794006348%2028.018999099731445%2C-31.18899917602539%206.090000152587891%2C-35.00400161743164%20C-15.838000297546387%2C-38.819000244140625%20-35.301998138427734%2C-25.433000564575195%20-38.558998107910156%2C-6.708000183105469z%20M-8.994000434875488%2C51.698001861572266%20C-38.87799835205078%2C46.499000549316406%20-60.327999114990234%2C19.547000885009766%20-55.255001068115234%2C-9.61400032043457%20C-50.18199920654297%2C-38.77199935913086%20-20.891000747680664%2C-56.89699935913086%208.993000030517578%2C-51.698001861572266%20C38.87799835205078%2C-46.499000549316406%2060.327999114990234%2C-19.547000885009766%2055.25400161743164%2C9.61299991607666%20C50.18199920654297%2C38.77199935913086%2020.891000747680664%2C56.89699935913086%20-8.994000434875488%2C51.698001861572266z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C236.0760040283203%2C130.53199768066406)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M0.0010000000474974513%2C8.798999786376953%20C4.859000205993652%2C8.798999786376953%208.798999786376953%2C4.857999801635742%208.798999786376953%2C-0.0010000000474974513%20C8.798999786376953%2C-4.860000133514404%204.859000205993652%2C-8.798999786376953%200.0010000000474974513%2C-8.798999786376953%20C-4.857999801635742%2C-8.798999786376953%20-8.79800033569336%2C-4.860000133514404%20-8.79800033569336%2C-0.0010000000474974513%20C-8.79800033569336%2C4.857999801635742%20-4.857999801635742%2C8.798999786376953%200.0010000000474974513%2C8.798999786376953z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C265.4010009765625%2C136.07200622558594)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M0.0010000000474974513%2C9.12399959564209%20C5.21999979019165%2C9.12399959564209%209.449000358581543%2C5.039000034332275%209.449000358581543%2C-0.0010000000474974513%20C9.449000358581543%2C-5.039999961853027%205.21999979019165%2C-9.125%200.0010000000474974513%2C-9.125%20C-5.218999862670898%2C-9.125%20-9.449000358581543%2C-5.039999961853027%20-9.449000358581543%2C-0.0010000000474974513%20C-9.449000358581543%2C5.039000034332275%20-5.218999862670898%2C9.12399959564209%200.0010000000474974513%2C9.12399959564209z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E",
"favicon": "https://cdn.prod.website-files.com/652e0352ad50feae8734edac/652e0352ad50feae8734f392_favicon.png",
"ogImage": "https://cdn.prod.website-files.com/5e20a32c57d90ed163dd94b9/631bac1fa0db1505377b4aa0_confidentindependentreading.png",
"logoHref": "https://www.ello.com/"
},
"__llm_logo_reasoning": {
"selectedIndex": 0,
"reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the primary brand logo.",
"confidence": 0.95,
"source": "llm"
},
"__llm_button_reasoning": {
"primary": {
"index": 1,
"text": "Start trial",
"reasoning": "Button #1 ('Start trial') uses the vibrant accent color #28B8B8, which is consistent with the brand's CTA color. The text 'Start trial' is action-oriented, making it a strong candidate for the primary CTA."
},
"secondary": {
"index": 0,
"text": "SEE THE BOOKS",
"reasoning": "Button #0 ('SEE THE BOOKS') uses a different color (#335C6E) from the primary button, making it suitable as a secondary CTA. It also has a less action-oriented text compared to the primary button."
},
"confidence": 0.9
},
"personality": {
"tone": "modern",
"energy": "medium",
"targetAudience": "readers and book enthusiasts"
},
"designSystem": {
"framework": "custom",
"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 visible, located in the header, and links to the homepage, which are strong indicators of the primary brand logo.",
"confidence": 0.95
}
},
"buttonClassification": {
"llmCalled": true,
"llmSucceeded": true
}
}
},
"images": [
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/ello/badec79934.webp",
"alt": "Top Back-to-School Books for Kids: A Reading List by Grade Level",
"source_url": "https://www.ello.com/blog/top-back-to-school-books-for-kids-a-reading-list-by-grade-level",
"image_url": "https://cdn.prod.website-files.com/652e0352ad50feae8734edab/652e0352ad50feae8734f545_pexels-rdne-stock-project-7982823.jpg",
"width": 6544,
"height": 4363,
"bytes": 3497649,
"query": "site:ello.com",
"query_suffix": "site:ello.com"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/ello/f8a1b14777.webp",
"alt": "The Ello Blog - Discover expert tips, engaging stories, and valuable resources",
"source_url": "https://www.ello.com/blog",
"image_url": "https://cdn.prod.website-files.com/652e0352ad50feae8734edab/65775a62b0e644a98863c845_655590b63b29eb97b8952d6d_child-reading-string-of-lights.jpg",
"width": 1200,
"height": 800,
"bytes": 832889,
"query": "site:ello.com blog",
"query_suffix": "site:ello.com blog"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/ello/253fbf627a.webp",
"alt": "Where Should My Young Reader Be Midyear? 1st- and 2nd-Grade Edition",
"source_url": "https://www.ello.com/blog/where-should-my-young-reader-be-midyear-1st-and-2nd-grade-edition",
"image_url": "https://cdn.prod.website-files.com/652e0352ad50feae8734edab/652e0352ad50feae8734f4e9_pexels-marta-wave-6437805%20copy.jpeg",
"width": 6000,
"height": 4000,
"bytes": 2679485,
"query": "site:ello.com",
"query_suffix": "site:ello.com"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/ello/ef092b0b9e.webp",
"alt": "The Ello Blog - Discover expert tips, engaging stories, and valuable resources",
"source_url": "https://www.ello.com/blog",
"image_url": "https://cdn.prod.website-files.com/652e0352ad50feae8734edac/652e0352ad50feae8734f305_newslatter.webp",
"width": 850,
"height": 580,
"bytes": 49560,
"query": "site:ello.com blog",
"query_suffix": "site:ello.com blog"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/ello/d0960a5ca0.webp",
"alt": "Where Should My Young Reader Be Midyear? The Pre-K and Kinder Edition",
"source_url": "https://www.ello.com/blog/where-should-my-young-reader-be-midyear-the-pre-k-and-kinder-edition",
"image_url": "https://cdn.prod.website-files.com/652e0352ad50feae8734edab/652e0352ad50feae8734f4ea_63c5cfe9da4f72d7ec0e4d5f_pexels-ksenia-chernaya-8535173.jpg",
"width": 4200,
"height": 2804,
"bytes": 1844171,
"query": "site:ello.com",
"query_suffix": "site:ello.com"
},
{
"file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/ello/8b86d78089.webp",
"alt": "The Ello Blog - Discover expert tips, engaging stories, and valuable resources",
"source_url": "https://www.ello.com/blog",
"image_url": "https://cdn.prod.website-files.com/5e20a32c57d90ed163dd94b9/631bac1fa0db1505377b4aa0_confidentindependentreading.png",
"width": 2400,
"height": 1260,
"bytes": 871121,
"query": "site:ello.com blog",
"query_suffix": "site:ello.com blog"
}
],
"font_resources": [
{
"family": "Mulish",
"google_fonts_url": "https://fonts.google.com/specimen/Mulish"
},
{
"family": "Mulish",
"google_fonts_url": "https://fonts.google.com/specimen/Mulish"
}
],
"google_fonts_css": "https://fonts.googleapis.com/css2?family=Mulish&family=Mulish&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/ello",
"agent_instructions": "You are designing or implementing in Ello's brand identity.\n\n# Brand profile\n- Company: Ello\n- Source: https://www.ello.com\n- Color scheme: light\n\n# Colors\n- primary: #335C6E\n- secondary: #E6F7F7\n- accent: #28B8B8\n- background: #FFFFFF\n- textPrimary: #28B8B8\n- link: #28B8B8\n\n# Typography\n- primary: Mulish — https://fonts.google.com/specimen/Mulish\n- heading: Mulish — https://fonts.google.com/specimen/Mulish\n\nLoad all fonts at once: \n\n# UI Components\n- buttonPrimary: background=#28B8B8, textColor=#FFFFFF, borderRadius=32px, shadow=none\n- buttonSecondary: background=#335C6E, textColor=#647070, borderRadius=0px, shadow=none\n\n# Brand voice\n- Tone: modern\n- Energy: medium\n- Audience: readers and book enthusiasts\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/ello.json",
"page_markdown": "# Ello Brand Identity\n\nA complete profile of **Ello**'s visual system — colors, typography, components, and personality — extracted from https://www.ello.com. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/ello\n- Machine-readable JSON: https://characterquilt.com/branding/ello.json\n- Per-page llms.txt: https://characterquilt.com/branding/ello/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #335C6E |\n| Accent | #28B8B8 |\n| Body Font | Mulish |\n| Heading Font | Mulish |\n\n## Color Palette\n\n- primary: #335C6E\n- secondary: #E6F7F7\n- accent: #28B8B8\n- background: #FFFFFF\n- textPrimary: #28B8B8\n- link: #28B8B8\n\n## Typography\n\n- primary: Mulish — https://fonts.google.com/specimen/Mulish\n- heading: Mulish — https://fonts.google.com/specimen/Mulish\n\n## Visual Assets\n\n- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20186%20126%22%20width%3D%22186%22%20height%3D%22126%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22width%3A%20100%25%3B%20height%3A%20100%25%3B%20transform%3A%20translate3d(0px%2C%200px%2C%200px)%3B%20content-visibility%3A%20visible%3B%22%20data-fc-idx%3D%220%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22__lottie_element_18%22%3E%3Crect%20width%3D%22186%22%20height%3D%22126%22%20x%3D%220%22%20y%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23__lottie_element_18)%22%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.699997901916504)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C58.895999908447266%2C137.85000610351562)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M25.773000717163086%2C-66.24199676513672%20C25.773000717163086%2C-66.24199676513672%2027.77899932861328%2C-49.415000915527344%2027.77899932861328%2C-49.415000915527344%20C27.77899932861328%2C-49.415000915527344%20-29.65999984741211%2C-42.566001892089844%20-29.65999984741211%2C-42.566001892089844%20C-29.65999984741211%2C-42.566001892089844%20-21.14699935913086%2C47.512001037597656%20-21.14699935913086%2C47.512001037597656%20C-21.14699935913086%2C47.512001037597656%2046.22700119018555%2C40.07899856567383%2046.22700119018555%2C40.07899856567383%20C46.22700119018555%2C40.07899856567383%2048.084999084472656%2C56.92300033569336%2048.084999084472656%2C56.92300033569336%20C48.084999084472656%2C56.92300033569336%20-36.39799880981445%2C66.24199676513672%20-36.39799880981445%2C66.24199676513672%20C-36.39799880981445%2C66.24199676513672%20-48.084999084472656%2C-57.43299865722656%20-48.084999084472656%2C-57.43299865722656%20C-48.084999084472656%2C-57.43299865722656%2025.773000717163086%2C-66.24199676513672%2025.773000717163086%2C-66.24199676513672z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C44.790000915527344%2C133.78900146484375)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M-40.790000915527344%2C-3.5209999084472656%20C-40.790000915527344%2C-3.5209999084472656%2038.72100067138672%2C-13.29699993133545%2038.72100067138672%2C-13.29699993133545%20C38.72100067138672%2C-13.29699993133545%2040.790000915527344%2C3.5199999809265137%2040.790000915527344%2C3.5199999809265137%20C40.790000915527344%2C3.5199999809265137%20-38.72100067138672%2C13.295999526977539%20-38.72100067138672%2C13.295999526977539%20C-38.72100067138672%2C13.295999526977539%20-40.790000915527344%2C-3.5209999084472656%20-40.790000915527344%2C-3.5209999084472656z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.699997901916504)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C122.83000183105469%2C121.43299865722656)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M3.299999952316284%2C83.26899719238281%20C3.299999952316284%2C83.26899719238281%20-20.076000213623047%2C-80.87999725341797%20-20.076000213623047%2C-80.87999725341797%20C-20.076000213623047%2C-80.87999725341797%20-3.299999952316284%2C-83.26899719238281%20-3.299999952316284%2C-83.26899719238281%20C-3.299999952316284%2C-83.26899719238281%2020.076000213623047%2C80.87999725341797%2020.076000213623047%2C80.87999725341797%20C20.076000213623047%2C80.87999725341797%203.299999952316284%2C83.26899719238281%203.299999952316284%2C83.26899719238281z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C0.43499672412872314)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C166.06100463867188%2C104.5)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M2.183000087738037%2C-104.5%20C2.183000087738037%2C-104.5%20-14.730999946594238%2C-103.47899627685547%20-14.730999946594238%2C-103.47899627685547%20C-14.730999946594238%2C-103.47899627685547%20-2.183000087738037%2C104.5%20-2.183000087738037%2C104.5%20C-2.183000087738037%2C104.5%2014.730999946594238%2C103.4800033569336%2014.730999946594238%2C103.4800033569336%20C14.730999946594238%2C103.4800033569336%202.183000087738037%2C-104.5%202.183000087738037%2C-104.5z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C250.42999267578125%2C140.5050048828125)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M-38.558998107910156%2C-6.708000183105469%20C-41.81700134277344%2C12.015999794006348%20-28.017000198364258%2C31.18899917602539%20-6.090000152587891%2C35.00400161743164%20C15.838000297546387%2C38.819000244140625%2035.303001403808594%2C25.433000564575195%2038.560001373291016%2C6.709000110626221%20C41.81800079345703%2C-12.015999794006348%2028.018999099731445%2C-31.18899917602539%206.090000152587891%2C-35.00400161743164%20C-15.838000297546387%2C-38.819000244140625%20-35.301998138427734%2C-25.433000564575195%20-38.558998107910156%2C-6.708000183105469z%20M-8.994000434875488%2C51.698001861572266%20C-38.87799835205078%2C46.499000549316406%20-60.327999114990234%2C19.547000885009766%20-55.255001068115234%2C-9.61400032043457%20C-50.18199920654297%2C-38.77199935913086%20-20.891000747680664%2C-56.89699935913086%208.993000030517578%2C-51.698001861572266%20C38.87799835205078%2C-46.499000549316406%2060.327999114990234%2C-19.547000885009766%2055.25400161743164%2C9.61299991607666%20C50.18199920654297%2C38.77199935913086%2020.891000747680664%2C56.89699935913086%20-8.994000434875488%2C51.698001861572266z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C236.0760040283203%2C130.53199768066406)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M0.0010000000474974513%2C8.798999786376953%20C4.859000205993652%2C8.798999786376953%208.798999786376953%2C4.857999801635742%208.798999786376953%2C-0.0010000000474974513%20C8.798999786376953%2C-4.860000133514404%204.859000205993652%2C-8.798999786376953%200.0010000000474974513%2C-8.798999786376953%20C-4.857999801635742%2C-8.798999786376953%20-8.79800033569336%2C-4.860000133514404%20-8.79800033569336%2C-0.0010000000474974513%20C-8.79800033569336%2C4.857999801635742%20-4.857999801635742%2C8.798999786376953%200.0010000000474974513%2C8.798999786376953z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C265.4010009765625%2C136.07200622558594)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M0.0010000000474974513%2C9.12399959564209%20C5.21999979019165%2C9.12399959564209%209.449000358581543%2C5.039000034332275%209.449000358581543%2C-0.0010000000474974513%20C9.449000358581543%2C-5.039999961853027%205.21999979019165%2C-9.125%200.0010000000474974513%2C-9.125%20C-5.218999862670898%2C-9.125%20-9.449000358581543%2C-5.039999961853027%20-9.449000358581543%2C-0.0010000000474974513%20C-9.449000358581543%2C5.039000034332275%20-5.218999862670898%2C9.12399959564209%200.0010000000474974513%2C9.12399959564209z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\n- Favicon: https://cdn.prod.website-files.com/652e0352ad50feae8734edac/652e0352ad50feae8734f392_favicon.png\n- Social card (og:image): https://cdn.prod.website-files.com/5e20a32c57d90ed163dd94b9/631bac1fa0db1505377b4aa0_confidentindependentreading.png\n\n## UI Components\n\n- buttonPrimary: background=#28B8B8, textColor=#FFFFFF, borderRadius=32px, shadow=none\n- buttonSecondary: background=#335C6E, textColor=#647070, borderRadius=0px, shadow=none\n\n## Brand Personality\n\nTone: modern · Energy: medium · Audience: readers and book enthusiasts\n\n## Ello Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Top Back-to-School Books for Kids: A Reading List by Grade Level**\n - Image: https://cdn.prod.website-files.com/652e0352ad50feae8734edab/652e0352ad50feae8734f545_pexels-rdne-stock-project-7982823.jpg\n - Source: https://www.ello.com/blog/top-back-to-school-books-for-kids-a-reading-list-by-grade-level\n- **The Ello Blog - Discover expert tips, engaging stories, and valuable resources**\n - Image: https://cdn.prod.website-files.com/652e0352ad50feae8734edab/65775a62b0e644a98863c845_655590b63b29eb97b8952d6d_child-reading-string-of-lights.jpg\n - Source: https://www.ello.com/blog\n- **Where Should My Young Reader Be Midyear? 1st- and 2nd-Grade Edition**\n - Image: https://cdn.prod.website-files.com/652e0352ad50feae8734edab/652e0352ad50feae8734f4e9_pexels-marta-wave-6437805%20copy.jpeg\n - Source: https://www.ello.com/blog/where-should-my-young-reader-be-midyear-1st-and-2nd-grade-edition\n- **The Ello Blog - Discover expert tips, engaging stories, and valuable resources**\n - Image: https://cdn.prod.website-files.com/652e0352ad50feae8734edac/652e0352ad50feae8734f305_newslatter.webp\n - Source: https://www.ello.com/blog\n- **Where Should My Young Reader Be Midyear? The Pre-K and Kinder Edition**\n - Image: https://cdn.prod.website-files.com/652e0352ad50feae8734edab/652e0352ad50feae8734f4ea_63c5cfe9da4f72d7ec0e4d5f_pexels-ksenia-chernaya-8535173.jpg\n - Source: https://www.ello.com/blog/where-should-my-young-reader-be-midyear-the-pre-k-and-kinder-edition\n- **The Ello Blog - Discover expert tips, engaging stories, and valuable resources**\n - Image: https://cdn.prod.website-files.com/5e20a32c57d90ed163dd94b9/631bac1fa0db1505377b4aa0_confidentindependentreading.png\n - Source: https://www.ello.com/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\": \"Mulish\",\n \"role\": \"body\"\n }\n ],\n \"colors\": {\n \"primary\": \"#335C6E\",\n \"secondary\": \"#E6F7F7\",\n \"accent\": \"#28B8B8\",\n \"background\": \"#FFFFFF\",\n \"textPrimary\": \"#28B8B8\",\n \"link\": \"#28B8B8\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"Mulish\",\n \"heading\": \"Mulish\"\n },\n \"fontStacks\": {\n \"heading\": [\n \"Mulish\",\n \"sans-serif\"\n ],\n \"body\": [\n \"Mulish\",\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"Mulish\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"44px\",\n \"h2\": \"36px\",\n \"body\": \"20px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 4,\n \"borderRadius\": \"10px\"\n },\n \"components\": {\n \"buttonPrimary\": {\n \"background\": \"#28B8B8\",\n \"textColor\": \"#FFFFFF\",\n \"borderRadius\": \"32px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"32px\",\n \"topRight\": \"32px\",\n \"bottomRight\": \"32px\",\n \"bottomLeft\": \"32px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonSecondary\": {\n \"background\": \"#335C6E\",\n \"textColor\": \"#647070\",\n \"borderRadius\": \"0px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"0px\",\n \"topRight\": \"0px\",\n \"bottomRight\": \"0px\",\n \"bottomLeft\": \"0px\"\n },\n \"shadow\": \"none\"\n }\n },\n \"images\": {\n \"logo\": \"data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20186%20126%22%20width%3D%22186%22%20height%3D%22126%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20style%3D%22width%3A%20100%25%3B%20height%3A%20100%25%3B%20transform%3A%20translate3d(0px%2C%200px%2C%200px)%3B%20content-visibility%3A%20visible%3B%22%20data-fc-idx%3D%220%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22__lottie_element_18%22%3E%3Crect%20width%3D%22186%22%20height%3D%22126%22%20x%3D%220%22%20y%3D%220%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23__lottie_element_18)%22%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.699997901916504)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C58.895999908447266%2C137.85000610351562)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M25.773000717163086%2C-66.24199676513672%20C25.773000717163086%2C-66.24199676513672%2027.77899932861328%2C-49.415000915527344%2027.77899932861328%2C-49.415000915527344%20C27.77899932861328%2C-49.415000915527344%20-29.65999984741211%2C-42.566001892089844%20-29.65999984741211%2C-42.566001892089844%20C-29.65999984741211%2C-42.566001892089844%20-21.14699935913086%2C47.512001037597656%20-21.14699935913086%2C47.512001037597656%20C-21.14699935913086%2C47.512001037597656%2046.22700119018555%2C40.07899856567383%2046.22700119018555%2C40.07899856567383%20C46.22700119018555%2C40.07899856567383%2048.084999084472656%2C56.92300033569336%2048.084999084472656%2C56.92300033569336%20C48.084999084472656%2C56.92300033569336%20-36.39799880981445%2C66.24199676513672%20-36.39799880981445%2C66.24199676513672%20C-36.39799880981445%2C66.24199676513672%20-48.084999084472656%2C-57.43299865722656%20-48.084999084472656%2C-57.43299865722656%20C-48.084999084472656%2C-57.43299865722656%2025.773000717163086%2C-66.24199676513672%2025.773000717163086%2C-66.24199676513672z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C44.790000915527344%2C133.78900146484375)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M-40.790000915527344%2C-3.5209999084472656%20C-40.790000915527344%2C-3.5209999084472656%2038.72100067138672%2C-13.29699993133545%2038.72100067138672%2C-13.29699993133545%20C38.72100067138672%2C-13.29699993133545%2040.790000915527344%2C3.5199999809265137%2040.790000915527344%2C3.5199999809265137%20C40.790000915527344%2C3.5199999809265137%20-38.72100067138672%2C13.295999526977539%20-38.72100067138672%2C13.295999526977539%20C-38.72100067138672%2C13.295999526977539%20-40.790000915527344%2C-3.5209999084472656%20-40.790000915527344%2C-3.5209999084472656z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.699997901916504)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C122.83000183105469%2C121.43299865722656)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M3.299999952316284%2C83.26899719238281%20C3.299999952316284%2C83.26899719238281%20-20.076000213623047%2C-80.87999725341797%20-20.076000213623047%2C-80.87999725341797%20C-20.076000213623047%2C-80.87999725341797%20-3.299999952316284%2C-83.26899719238281%20-3.299999952316284%2C-83.26899719238281%20C-3.299999952316284%2C-83.26899719238281%2020.076000213623047%2C80.87999725341797%2020.076000213623047%2C80.87999725341797%20C20.076000213623047%2C80.87999725341797%203.299999952316284%2C83.26899719238281%203.299999952316284%2C83.26899719238281z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C0.43499672412872314)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C166.06100463867188%2C104.5)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M2.183000087738037%2C-104.5%20C2.183000087738037%2C-104.5%20-14.730999946594238%2C-103.47899627685547%20-14.730999946594238%2C-103.47899627685547%20C-14.730999946594238%2C-103.47899627685547%20-2.183000087738037%2C104.5%20-2.183000087738037%2C104.5%20C-2.183000087738037%2C104.5%2014.730999946594238%2C103.4800033569336%2014.730999946594238%2C103.4800033569336%20C14.730999946594238%2C103.4800033569336%202.183000087738037%2C-104.5%202.183000087738037%2C-104.5z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C250.42999267578125%2C140.5050048828125)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M-38.558998107910156%2C-6.708000183105469%20C-41.81700134277344%2C12.015999794006348%20-28.017000198364258%2C31.18899917602539%20-6.090000152587891%2C35.00400161743164%20C15.838000297546387%2C38.819000244140625%2035.303001403808594%2C25.433000564575195%2038.560001373291016%2C6.709000110626221%20C41.81800079345703%2C-12.015999794006348%2028.018999099731445%2C-31.18899917602539%206.090000152587891%2C-35.00400161743164%20C-15.838000297546387%2C-38.819000244140625%20-35.301998138427734%2C-25.433000564575195%20-38.558998107910156%2C-6.708000183105469z%20M-8.994000434875488%2C51.698001861572266%20C-38.87799835205078%2C46.499000549316406%20-60.327999114990234%2C19.547000885009766%20-55.255001068115234%2C-9.61400032043457%20C-50.18199920654297%2C-38.77199935913086%20-20.891000747680664%2C-56.89699935913086%208.993000030517578%2C-51.698001861572266%20C38.87799835205078%2C-46.499000549316406%2060.327999114990234%2C-19.547000885009766%2055.25400161743164%2C9.61299991607666%20C50.18199920654297%2C38.77199935913086%2020.891000747680664%2C56.89699935913086%20-8.994000434875488%2C51.698001861572266z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C236.0760040283203%2C130.53199768066406)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M0.0010000000474974513%2C8.798999786376953%20C4.859000205993652%2C8.798999786376953%208.798999786376953%2C4.857999801635742%208.798999786376953%2C-0.0010000000474974513%20C8.798999786376953%2C-4.860000133514404%204.859000205993652%2C-8.798999786376953%200.0010000000474974513%2C-8.798999786376953%20C-4.857999801635742%2C-8.798999786376953%20-8.79800033569336%2C-4.860000133514404%20-8.79800033569336%2C-0.0010000000474974513%20C-8.79800033569336%2C4.857999801635742%20-4.857999801635742%2C8.798999786376953%200.0010000000474974513%2C8.798999786376953z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22matrix(0.6000000238418579%2C0%2C0%2C0.6000000238418579%2C-0.30000370740890503%2C-2.700002431869507)%22%20opacity%3D%221%22%20style%3D%22display%3A%20block%3B%20opacity%3A%201%20!important%3B%22%3E%3Cg%20opacity%3D%221%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C265.4010009765625%2C136.07200622558594)%22%20style%3D%22opacity%3A%201%20!important%3B%22%3E%3Cpath%20fill%3D%22rgb(40%2C184%2C184)%22%20fill-opacity%3D%221%22%20d%3D%22%20M0.0010000000474974513%2C9.12399959564209%20C5.21999979019165%2C9.12399959564209%209.449000358581543%2C5.039000034332275%209.449000358581543%2C-0.0010000000474974513%20C9.449000358581543%2C-5.039999961853027%205.21999979019165%2C-9.125%200.0010000000474974513%2C-9.125%20C-5.218999862670898%2C-9.125%20-9.449000358581543%2C-5.039999961853027%20-9.449000358581543%2C-0.0010000000474974513%20C-9.449000358581543%2C5.039000034332275%20-5.218999862670898%2C9.12399959564209%200.0010000000474974513%2C9.12399959564209z%22%20style%3D%22fill%3A%20rgb(40%2C%20184%2C%20184)%20!important%3B%20fill-opacity%3A%201%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\",\n \"favicon\": \"https://cdn.prod.website-files.com/652e0352ad50feae8734edac/652e0352ad50feae8734f392_favicon.png\",\n \"ogImage\": \"https://cdn.prod.website-files.com/5e20a32c57d90ed163dd94b9/631bac1fa0db1505377b4aa0_confidentindependentreading.png\",\n \"logoHref\": \"https://www.ello.com/\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the primary brand logo.\",\n \"confidence\": 0.95,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 1,\n \"text\": \"Start trial\",\n \"reasoning\": \"Button #1 ('Start trial') uses the vibrant accent color #28B8B8, which is consistent with the brand's CTA color. The text 'Start trial' is action-oriented, making it a strong candidate for the primary CTA.\"\n },\n \"secondary\": {\n \"index\": 0,\n \"text\": \"SEE THE BOOKS\",\n \"reasoning\": \"Button #0 ('SEE THE BOOKS') uses a different color (#335C6E) from the primary button, making it suitable as a secondary CTA. It also has a less action-oriented text compared to the primary button.\"\n },\n \"confidence\": 0.9\n },\n \"personality\": {\n \"tone\": \"modern\",\n \"energy\": \"medium\",\n \"targetAudience\": \"readers and book enthusiasts\"\n },\n \"designSystem\": {\n \"framework\": \"custom\",\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 visible, located in the header, and links to the homepage, which are strong indicators of the primary brand logo.\",\n \"confidence\": 0.95\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n"
}