{
  "name": "Codecademy",
  "slug": "codecademy",
  "domain": "http://codecademy.com",
  "sources": [
    "yc"
  ],
  "branding": {
    "colorScheme": "light",
    "fonts": [
      {
        "family": "Apercu",
        "role": "body"
      },
      {
        "family": "Roboto",
        "role": "body"
      },
      {
        "family": "Ubuntu",
        "role": "body"
      },
      {
        "family": "Cantarell",
        "role": "body"
      },
      {
        "family": "Fira Sans",
        "role": "body"
      }
    ],
    "colors": {
      "primary": "#10162F",
      "secondary": "#3A10E5",
      "accent": "#FFD300",
      "background": "#FFFFFF",
      "textPrimary": "#000000",
      "link": "#FFD300"
    },
    "typography": {
      "fontFamilies": {
        "primary": "Apercu",
        "heading": "Apercu"
      },
      "fontStacks": {
        "heading": [
          "Apercu",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Ubuntu",
          "Cantarell",
          "Fira Sans",
          "Droid Sans",
          "Helvetica Neue",
          "sans-serif"
        ],
        "body": [
          "Apercu",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Ubuntu",
          "Cantarell",
          "Fira Sans",
          "Droid Sans",
          "Helvetica Neue",
          "sans-serif"
        ],
        "paragraph": [
          "Apercu",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Ubuntu",
          "Cantarell",
          "Fira Sans",
          "Droid Sans",
          "Helvetica Neue",
          "sans-serif"
        ]
      },
      "fontSizes": {
        "h1": "76px",
        "h2": "22px",
        "body": "26px"
      }
    },
    "spacing": {
      "baseUnit": 4,
      "borderRadius": "8px"
    },
    "components": {
      "input": {
        "background": "#0A0A0A",
        "textColor": "#FFFFFF",
        "borderColor": "#333333",
        "borderRadius": "16px",
        "borderRadiusCorners": {
          "topLeft": "16px",
          "topRight": "16px",
          "bottomRight": "0px",
          "bottomLeft": "0px"
        },
        "shadow": "none"
      },
      "buttonPrimary": {
        "background": "#FFD300",
        "textColor": "#10162F",
        "borderRadius": "4px",
        "borderRadiusCorners": {
          "topLeft": "4px",
          "topRight": "4px",
          "bottomRight": "4px",
          "bottomLeft": "4px"
        },
        "shadow": "none"
      },
      "buttonSecondary": {
        "background": "#FFFFFF",
        "textColor": "#10162F",
        "borderColor": "#FFFFFF",
        "borderRadius": "4px",
        "borderRadiusCorners": {
          "topLeft": "4px",
          "topRight": "4px",
          "bottomRight": "4px",
          "bottomLeft": "4px"
        },
        "shadow": "none"
      }
    },
    "images": {
      "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20102%2021.705%22%20class%3D%22gamut-1bylnsw%20e1d9jxa20%22%20data-fc-idx%3D%220%22%3E%3Ctitle%3ECodecademy%20Logo%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22nonzero%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M4.213%2014.896c-.192-.562-.278-1.275-.278-2.226%200-.95.086-1.664.278-2.226.513-1.599%201.86-2.485%203.637-2.485%201.326%200%202.353.54%203.06%201.404a.18.18%200%2001-.022.26L9.732%2010.66c-.086.066-.192.066-.256-.043-.45-.497-.9-.778-1.626-.778-.792%200-1.39.39-1.648%201.167-.128.454-.17.973-.17%201.664%200%20.692.042%201.232.192%201.686.257.756.856%201.167%201.647%201.167.727%200%201.198-.28%201.626-.778.064-.086.171-.086.257-.022l1.155%201.038c.086.065.064.173.022.26-.707.842-1.734%201.382-3.06%201.382-1.775-.021-3.145-.886-3.658-2.507zm39.704%200c-.192-.562-.278-1.275-.278-2.226%200-.95.086-1.664.278-2.226.514-1.599%201.862-2.485%203.637-2.485%201.326%200%202.375.54%203.06%201.404a.18.18%200%2001-.022.26l-1.155%201.037c-.086.066-.193.066-.257-.043-.45-.497-.899-.778-1.626-.778-.791%200-1.39.39-1.647%201.167-.15.454-.193.973-.193%201.664%200%20.692.043%201.232.193%201.686.257.756.856%201.167%201.647%201.167.727%200%201.198-.28%201.626-.778.064-.086.171-.086.257-.022l1.155%201.038c.086.065.064.173.022.26-.707.842-1.734%201.382-3.06%201.382-1.775-.021-3.123-.886-3.637-2.507zm46.552%202.27c-.107%200-.192-.066-.192-.195v-5.187c0-1.167-.578-1.967-1.67-1.967-1.069%200-1.69.8-1.69%201.967v5.187c0%20.108-.064.195-.192.195h-1.69c-.107%200-.192-.066-.192-.195v-5.187c0-1.167-.578-1.967-1.67-1.967-1.069%200-1.69.8-1.69%201.967v5.187c0%20.108-.063.195-.192.195h-1.69c-.107%200-.192-.066-.192-.195V8.348c0-.108.064-.195.192-.195h1.69c.107%200%20.193.065.193.195v.648h.021c.385-.562%201.155-1.037%202.332-1.037%201.048%200%201.883.432%202.418%201.189h.021c.684-.757%201.562-1.19%202.824-1.19%202.054%200%203.209%201.427%203.209%203.35v5.685c0%20.108-.064.194-.193.194l-1.647-.021zm4.228%203.177c-.108%200-.193-.066-.193-.195v-1.491c0-.108.064-.194.193-.194h.32c.707%200%201.048-.325%201.327-1.06l.257-.756-3.231-8.494c-.043-.108.043-.194.15-.194h1.818c.107%200%20.193.065.214.194l1.99%205.879h.043l1.904-5.879c.043-.108.107-.194.213-.194h1.733c.108%200%20.193.065.15.194l-3.337%209.401c-.77%202.14-1.498%202.81-2.974%202.81l-.577-.021zm-76.93-6.009c.15-.475.192-.908.192-1.664%200-.756-.043-1.167-.192-1.664-.257-.757-.835-1.167-1.647-1.167-.813%200-1.412.432-1.669%201.167-.15.475-.193.886-.193%201.664%200%20.756.043%201.189.193%201.664.257.757.835%201.167%201.669%201.167.812.022%201.39-.41%201.647-1.167zm-5.306.562c-.192-.627-.3-1.232-.3-2.226s.087-1.578.3-2.226c.492-1.578%201.84-2.485%203.637-2.485%201.776%200%203.124.907%203.615%202.485.193.627.3%201.232.3%202.226s-.086%201.578-.3%202.226c-.491%201.578-1.84%202.485-3.615%202.485-1.775%200-3.123-.907-3.637-2.485zm43.085-6.937c2.695%200%203.68.95%203.722%203.155v5.857c0%20.13-.085.195-.192.195h-1.54c-.13%200-.193-.087-.193-.195v-.648h-.022c-.406.605-1.24%201.037-2.481%201.037-1.626%200-2.974-.865-2.974-2.745%200-1.945%201.348-2.853%203.53-2.853h.728c.128%200%20.192.087.192.195v1.189c0%20.13-.086.194-.192.194h-.407c-1.327%200-1.904.368-1.904%201.21%200%20.757.535%201.124%201.519%201.124%201.262%200%201.968-.497%201.968-1.534v-3.004c-.043-.973-.535-1.405-1.968-1.405-.984%200-1.583.281-2.011.627-.086.064-.193.043-.257-.043l-.685-1.233c-.042-.086-.021-.172.043-.237.706-.54%201.67-.886%203.124-.886zm-21.66%203.803h2.502c.065%200%20.108-.043.108-.108%200-.302-.043-.54-.108-.756-.235-.735-.877-1.167-1.711-1.167-.834%200-1.498.432-1.733%201.167-.021.087-.043.173-.064.28v.044c-.064.41-.086.735-.107%201.254-.003.434.033.868.107%201.296.021.13.064.26.107.39.278.885.984%201.361%201.968%201.361%201.006%200%201.626-.367%202.075-.864.086-.109.193-.109.278-.044l1.07.973c.086.065.086.173.021.26-.77.907-2.01%201.534-3.636%201.534-1.862%200-3.188-.93-3.68-2.507-.193-.584-.321-1.276-.321-2.205%200-.93.107-1.642.3-2.226.492-1.577%201.86-2.485%203.615-2.485%201.818%200%203.145.95%203.637%202.485.214.627.3%201.254.3%202.702%200%20.13-.065.194-.193.194h-4.536c-.064%200-.085-.043-.085-.086v-1.405c0-.065.043-.087.085-.087zm-4.83-7.42c.107%200%20.193.064.214.107v12.319c0%20.13-.085.195-.192.195h-1.69c-.128%200-.193-.087-.193-.195v-.67h-.021c-.407.605-1.134%201.06-2.332%201.06-1.498%200-2.61-.714-3.06-2.162-.234-.692-.32-1.319-.32-2.529s.107-1.837.32-2.528c.45-1.427%201.52-2.14%202.996-2.161h1.262c.043.02.064.043.064.086v1.707c0%20.044-.021.087-.064.087h-.727c-.792.021-1.348.432-1.583%201.167-.129.41-.193.864-.193%201.685%200%20.822.064%201.276.193%201.686.235.735.812%201.146%201.625%201.146.835%200%201.412-.39%201.648-1.146a4.85%204.85%200%2000.171-1.167V4.536c0-.13.085-.195.192-.195h1.69zm44.176%207.42h2.503c.064%200%20.107-.043.107-.108%200-.302-.043-.54-.107-.756-.235-.735-.877-1.167-1.712-1.167-.834%200-1.497.432-1.732%201.167a5.779%205.779%200%2000-.064.28v.044c-.064.41-.086.735-.107%201.254-.003.434.033.868.106%201.296.022.13.065.26.108.39.278.885.984%201.361%201.968%201.361%201.006%200%201.626-.367%202.075-.864.086-.109.193-.109.278-.044l1.07.973c.085.065.085.173.021.26-.77.907-2.011%201.534-3.637%201.534-1.86%200-3.187-.93-3.68-2.507-.192-.584-.32-1.276-.32-2.205%200-.93.107-1.642.3-2.226.491-1.577%201.86-2.485%203.614-2.485%201.819%200%203.145.95%203.638%202.485.213.627.3%201.254.3%202.702%200%20.13-.065.194-.193.194h-4.536c-.064%200-.086-.043-.086-.086v-1.405c0-.065.043-.087.086-.087zm-4.829-7.42c.107%200%20.193.064.236.172v12.319c0%20.13-.086.194-.193.194h-1.69c-.128%200-.192-.086-.192-.194v-.67h-.022c-.428.605-1.155%201.059-2.353%201.059-1.498%200-2.61-.713-3.06-2.161-.235-.692-.32-1.34-.32-2.55%200-1.232.107-1.86.32-2.551.45-1.426%201.54-2.14%203.017-2.161h1.24c.129%200%20.193.086.193.194v1.492c0%20.13-.085.194-.192.194h-.727c-.792.022-1.349.433-1.584%201.167-.128.41-.192.865-.192%201.686s.064%201.275.192%201.686c.235.756.792%201.167%201.626%201.167.835%200%201.412-.41%201.648-1.167.085-.302.15-.649.17-1.167V4.536c0-.13.086-.195.193-.195h1.69zM50.078%2019.534c.295%200%20.357.09.357.362v1.447c0%20.294-.083.362-.357.362h-5.723c-.296%200-.358-.09-.358-.362v-1.447c0-.295.052-.362.358-.362h5.723zM0%20.362C0%20.109.043.043%200%200h42.208c.23%200%20.272.022.358%200v21.344c0%20.231-.021.275%200%20.362-.086-.022-.129%200-.358%200H0v-.002l.007-.028c.006-.037-.002-.053-.006-.012L0%2021.69V.361zm2.146%2019.173H40.42c-.043-.043%200-.107%200-.362V2.171H2.146v17.364z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E",
      "favicon": "https://www.codecademy.com/favicon.ico",
      "ogImage": "https://images.codecademy.com/social/logo-codecademy-social.png",
      "logoHref": "/",
      "logoAlt": "Codecademy Logo"
    },
    "__llm_logo_reasoning": {
      "selectedIndex": 0,
      "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage. The alt text matches the brand name 'Codecademy'.",
      "confidence": 0.95,
      "source": "llm"
    },
    "__llm_button_reasoning": {
      "primary": {
        "index": 0,
        "text": "More ways to sign up",
        "reasoning": "Button #0 uses a vibrant brand color (#FFD300) which is typically used for primary CTAs. The text 'More ways to sign up' suggests an action-oriented purpose."
      },
      "secondary": {
        "index": 1,
        "text": "GoogleSign up with Google",
        "reasoning": "Button #1 has a white background, making it less prominent than the primary button. It serves as a secondary option with a specific sign-up method."
      },
      "confidence": 0.95
    },
    "personality": {
      "tone": "modern",
      "energy": "medium",
      "targetAudience": "aspiring coders and tech learners"
    },
    "designSystem": {
      "framework": "custom",
      "componentLibrary": ""
    },
    "confidence": {
      "buttons": 0.95,
      "colors": 0.9,
      "overall": 0.925
    },
    "__llm_metadata": {
      "logoSelection": {
        "llmCalled": true,
        "llmSucceeded": true,
        "finalSource": "llm",
        "rawLogoSelection": {
          "selectedLogoIndex": 0,
          "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage. The alt text matches the brand name 'Codecademy'.",
          "confidence": 0.95
        }
      },
      "buttonClassification": {
        "llmCalled": true,
        "llmSucceeded": true
      }
    }
  },
  "images": [
    {
      "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/codecademy/2117aa22e6.webp",
      "alt": "Please help, i've tried everything but the code won't work | Codecademy",
      "source_url": "https://www.codecademy.com/forum_questions/5442ffb0282ae3abb8003113",
      "image_url": "http://i.imgur.com/n6I0ni9.jpg",
      "width": 4128,
      "height": 2322,
      "bytes": 1545155,
      "query": "site:codecademy.com",
      "query_suffix": "site:codecademy.com"
    },
    {
      "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/codecademy/6451966693.webp",
      "alt": "Codecademy Blog - Stories, advice, & news from Codecademy",
      "source_url": "https://www.codecademy.com/resources/blog/",
      "image_url": "https://www.codecademy.com/resources/blog/wp-content/uploads/2026/02/AI-Builder-Vibe-Learning_-Blog-2.webp?w=1024",
      "width": 1024,
      "height": 430,
      "bytes": 177453,
      "query": "site:codecademy.com blog",
      "query_suffix": "site:codecademy.com blog"
    },
    {
      "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/codecademy/0ade3948c9.webp",
      "alt": "Codecademy for Business | Codecademy",
      "source_url": "https://www.codecademy.com/business",
      "image_url": "https://static-assets.codecademy.com/assets/business-landing/continuous-learning.png",
      "width": 5760,
      "height": 3548,
      "bytes": 317828,
      "query": "site:codecademy.com",
      "query_suffix": "site:codecademy.com"
    },
    {
      "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/codecademy/a1a7bde36e.webp",
      "alt": "How Contributing to Docs Improves Coding Skills",
      "source_url": "https://www.codecademy.com/resources/blog/writing-docs-helps-improve-coding-skills",
      "image_url": "https://www.codecademy.com/resources/blog/wp-content/uploads/2023/06/TK-Practical-Coding-Tips-You-Can-Learn-By-Contributing-to-Docs-Blog.webp",
      "width": 4166,
      "height": 1750,
      "bytes": 261397,
      "query": "site:codecademy.com blog",
      "query_suffix": "site:codecademy.com blog"
    },
    {
      "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/codecademy/6439ada6b1.webp",
      "alt": "Codecademy Blog - Stories, advice, & news from Codecademy",
      "source_url": "https://www.codecademy.com/resources/blog/",
      "image_url": "https://www.codecademy.com/resources/blog/wp-content/uploads/2022/04/CC-HowToBecomeAnAIEngineer_BlogHeader-01.jpg?w=1024",
      "width": 1024,
      "height": 476,
      "bytes": 37777,
      "query": "site:codecademy.com blog",
      "query_suffix": "site:codecademy.com blog"
    },
    {
      "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/codecademy/a77b685121.webp",
      "alt": "Codecademy Partners with the White House",
      "source_url": "https://www.codecademy.com/resources/blog/codecademy-partners-with-the-white-house",
      "image_url": "http://i.imgur.com/i5yiCDB.jpg",
      "width": 4666,
      "height": 3110,
      "bytes": 1028941,
      "query": "site:codecademy.com",
      "query_suffix": "site:codecademy.com"
    }
  ],
  "font_resources": [
    {
      "family": "Apercu",
      "google_fonts_url": "https://fonts.google.com/specimen/Apercu"
    },
    {
      "family": "Apercu",
      "google_fonts_url": "https://fonts.google.com/specimen/Apercu"
    }
  ],
  "google_fonts_css": "https://fonts.googleapis.com/css2?family=Apercu&family=Apercu&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/codecademy",
  "agent_instructions": "You are designing or implementing in Codecademy's brand identity.\n\n# Brand profile\n- Company: Codecademy\n- Source: http://codecademy.com\n- Color scheme: light\n\n# Colors\n- primary: #10162F\n- secondary: #3A10E5\n- accent: #FFD300\n- background: #FFFFFF\n- textPrimary: #000000\n- link: #FFD300\n\n# Typography\n- primary: Apercu — https://fonts.google.com/specimen/Apercu\n- heading: Apercu — https://fonts.google.com/specimen/Apercu\n\nLoad all fonts at once: <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Apercu&family=Apercu&display=swap\">\n\n# UI Components\n- input: background=#0A0A0A, textColor=#FFFFFF, borderColor=#333333, borderRadius=16px, shadow=none\n- buttonPrimary: background=#FFD300, textColor=#10162F, borderRadius=4px, shadow=none\n- buttonSecondary: background=#FFFFFF, textColor=#10162F, borderColor=#FFFFFF, borderRadius=4px, shadow=none\n\n# Brand voice\n- Tone: modern\n- Energy: medium\n- Audience: aspiring coders and tech learners\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/codecademy.json",
  "page_markdown": "# Codecademy Brand Identity\n\nA complete profile of **Codecademy**'s visual system — colors, typography, components, and personality — extracted from http://codecademy.com. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/codecademy\n- Machine-readable JSON: https://characterquilt.com/branding/codecademy.json\n- Per-page llms.txt: https://characterquilt.com/branding/codecademy/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #10162F |\n| Accent | #FFD300 |\n| Body Font | Apercu |\n| Heading Font | Apercu |\n\n## Color Palette\n\n- primary: #10162F\n- secondary: #3A10E5\n- accent: #FFD300\n- background: #FFFFFF\n- textPrimary: #000000\n- link: #FFD300\n\n## Typography\n\n- primary: Apercu — https://fonts.google.com/specimen/Apercu\n- heading: Apercu — https://fonts.google.com/specimen/Apercu\n\n## Visual Assets\n\n- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20102%2021.705%22%20class%3D%22gamut-1bylnsw%20e1d9jxa20%22%20data-fc-idx%3D%220%22%3E%3Ctitle%3ECodecademy%20Logo%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22nonzero%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M4.213%2014.896c-.192-.562-.278-1.275-.278-2.226%200-.95.086-1.664.278-2.226.513-1.599%201.86-2.485%203.637-2.485%201.326%200%202.353.54%203.06%201.404a.18.18%200%2001-.022.26L9.732%2010.66c-.086.066-.192.066-.256-.043-.45-.497-.9-.778-1.626-.778-.792%200-1.39.39-1.648%201.167-.128.454-.17.973-.17%201.664%200%20.692.042%201.232.192%201.686.257.756.856%201.167%201.647%201.167.727%200%201.198-.28%201.626-.778.064-.086.171-.086.257-.022l1.155%201.038c.086.065.064.173.022.26-.707.842-1.734%201.382-3.06%201.382-1.775-.021-3.145-.886-3.658-2.507zm39.704%200c-.192-.562-.278-1.275-.278-2.226%200-.95.086-1.664.278-2.226.514-1.599%201.862-2.485%203.637-2.485%201.326%200%202.375.54%203.06%201.404a.18.18%200%2001-.022.26l-1.155%201.037c-.086.066-.193.066-.257-.043-.45-.497-.899-.778-1.626-.778-.791%200-1.39.39-1.647%201.167-.15.454-.193.973-.193%201.664%200%20.692.043%201.232.193%201.686.257.756.856%201.167%201.647%201.167.727%200%201.198-.28%201.626-.778.064-.086.171-.086.257-.022l1.155%201.038c.086.065.064.173.022.26-.707.842-1.734%201.382-3.06%201.382-1.775-.021-3.123-.886-3.637-2.507zm46.552%202.27c-.107%200-.192-.066-.192-.195v-5.187c0-1.167-.578-1.967-1.67-1.967-1.069%200-1.69.8-1.69%201.967v5.187c0%20.108-.064.195-.192.195h-1.69c-.107%200-.192-.066-.192-.195v-5.187c0-1.167-.578-1.967-1.67-1.967-1.069%200-1.69.8-1.69%201.967v5.187c0%20.108-.063.195-.192.195h-1.69c-.107%200-.192-.066-.192-.195V8.348c0-.108.064-.195.192-.195h1.69c.107%200%20.193.065.193.195v.648h.021c.385-.562%201.155-1.037%202.332-1.037%201.048%200%201.883.432%202.418%201.189h.021c.684-.757%201.562-1.19%202.824-1.19%202.054%200%203.209%201.427%203.209%203.35v5.685c0%20.108-.064.194-.193.194l-1.647-.021zm4.228%203.177c-.108%200-.193-.066-.193-.195v-1.491c0-.108.064-.194.193-.194h.32c.707%200%201.048-.325%201.327-1.06l.257-.756-3.231-8.494c-.043-.108.043-.194.15-.194h1.818c.107%200%20.193.065.214.194l1.99%205.879h.043l1.904-5.879c.043-.108.107-.194.213-.194h1.733c.108%200%20.193.065.15.194l-3.337%209.401c-.77%202.14-1.498%202.81-2.974%202.81l-.577-.021zm-76.93-6.009c.15-.475.192-.908.192-1.664%200-.756-.043-1.167-.192-1.664-.257-.757-.835-1.167-1.647-1.167-.813%200-1.412.432-1.669%201.167-.15.475-.193.886-.193%201.664%200%20.756.043%201.189.193%201.664.257.757.835%201.167%201.669%201.167.812.022%201.39-.41%201.647-1.167zm-5.306.562c-.192-.627-.3-1.232-.3-2.226s.087-1.578.3-2.226c.492-1.578%201.84-2.485%203.637-2.485%201.776%200%203.124.907%203.615%202.485.193.627.3%201.232.3%202.226s-.086%201.578-.3%202.226c-.491%201.578-1.84%202.485-3.615%202.485-1.775%200-3.123-.907-3.637-2.485zm43.085-6.937c2.695%200%203.68.95%203.722%203.155v5.857c0%20.13-.085.195-.192.195h-1.54c-.13%200-.193-.087-.193-.195v-.648h-.022c-.406.605-1.24%201.037-2.481%201.037-1.626%200-2.974-.865-2.974-2.745%200-1.945%201.348-2.853%203.53-2.853h.728c.128%200%20.192.087.192.195v1.189c0%20.13-.086.194-.192.194h-.407c-1.327%200-1.904.368-1.904%201.21%200%20.757.535%201.124%201.519%201.124%201.262%200%201.968-.497%201.968-1.534v-3.004c-.043-.973-.535-1.405-1.968-1.405-.984%200-1.583.281-2.011.627-.086.064-.193.043-.257-.043l-.685-1.233c-.042-.086-.021-.172.043-.237.706-.54%201.67-.886%203.124-.886zm-21.66%203.803h2.502c.065%200%20.108-.043.108-.108%200-.302-.043-.54-.108-.756-.235-.735-.877-1.167-1.711-1.167-.834%200-1.498.432-1.733%201.167-.021.087-.043.173-.064.28v.044c-.064.41-.086.735-.107%201.254-.003.434.033.868.107%201.296.021.13.064.26.107.39.278.885.984%201.361%201.968%201.361%201.006%200%201.626-.367%202.075-.864.086-.109.193-.109.278-.044l1.07.973c.086.065.086.173.021.26-.77.907-2.01%201.534-3.636%201.534-1.862%200-3.188-.93-3.68-2.507-.193-.584-.321-1.276-.321-2.205%200-.93.107-1.642.3-2.226.492-1.577%201.86-2.485%203.615-2.485%201.818%200%203.145.95%203.637%202.485.214.627.3%201.254.3%202.702%200%20.13-.065.194-.193.194h-4.536c-.064%200-.085-.043-.085-.086v-1.405c0-.065.043-.087.085-.087zm-4.83-7.42c.107%200%20.193.064.214.107v12.319c0%20.13-.085.195-.192.195h-1.69c-.128%200-.193-.087-.193-.195v-.67h-.021c-.407.605-1.134%201.06-2.332%201.06-1.498%200-2.61-.714-3.06-2.162-.234-.692-.32-1.319-.32-2.529s.107-1.837.32-2.528c.45-1.427%201.52-2.14%202.996-2.161h1.262c.043.02.064.043.064.086v1.707c0%20.044-.021.087-.064.087h-.727c-.792.021-1.348.432-1.583%201.167-.129.41-.193.864-.193%201.685%200%20.822.064%201.276.193%201.686.235.735.812%201.146%201.625%201.146.835%200%201.412-.39%201.648-1.146a4.85%204.85%200%2000.171-1.167V4.536c0-.13.085-.195.192-.195h1.69zm44.176%207.42h2.503c.064%200%20.107-.043.107-.108%200-.302-.043-.54-.107-.756-.235-.735-.877-1.167-1.712-1.167-.834%200-1.497.432-1.732%201.167a5.779%205.779%200%2000-.064.28v.044c-.064.41-.086.735-.107%201.254-.003.434.033.868.106%201.296.022.13.065.26.108.39.278.885.984%201.361%201.968%201.361%201.006%200%201.626-.367%202.075-.864.086-.109.193-.109.278-.044l1.07.973c.085.065.085.173.021.26-.77.907-2.011%201.534-3.637%201.534-1.86%200-3.187-.93-3.68-2.507-.192-.584-.32-1.276-.32-2.205%200-.93.107-1.642.3-2.226.491-1.577%201.86-2.485%203.614-2.485%201.819%200%203.145.95%203.638%202.485.213.627.3%201.254.3%202.702%200%20.13-.065.194-.193.194h-4.536c-.064%200-.086-.043-.086-.086v-1.405c0-.065.043-.087.086-.087zm-4.829-7.42c.107%200%20.193.064.236.172v12.319c0%20.13-.086.194-.193.194h-1.69c-.128%200-.192-.086-.192-.194v-.67h-.022c-.428.605-1.155%201.059-2.353%201.059-1.498%200-2.61-.713-3.06-2.161-.235-.692-.32-1.34-.32-2.55%200-1.232.107-1.86.32-2.551.45-1.426%201.54-2.14%203.017-2.161h1.24c.129%200%20.193.086.193.194v1.492c0%20.13-.085.194-.192.194h-.727c-.792.022-1.349.433-1.584%201.167-.128.41-.192.865-.192%201.686s.064%201.275.192%201.686c.235.756.792%201.167%201.626%201.167.835%200%201.412-.41%201.648-1.167.085-.302.15-.649.17-1.167V4.536c0-.13.086-.195.193-.195h1.69zM50.078%2019.534c.295%200%20.357.09.357.362v1.447c0%20.294-.083.362-.357.362h-5.723c-.296%200-.358-.09-.358-.362v-1.447c0-.295.052-.362.358-.362h5.723zM0%20.362C0%20.109.043.043%200%200h42.208c.23%200%20.272.022.358%200v21.344c0%20.231-.021.275%200%20.362-.086-.022-.129%200-.358%200H0v-.002l.007-.028c.006-.037-.002-.053-.006-.012L0%2021.69V.361zm2.146%2019.173H40.42c-.043-.043%200-.107%200-.362V2.171H2.146v17.364z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\n- Favicon: https://www.codecademy.com/favicon.ico\n- Social card (og:image): https://images.codecademy.com/social/logo-codecademy-social.png\n\n## UI Components\n\n- input: background=#0A0A0A, textColor=#FFFFFF, borderColor=#333333, borderRadius=16px, shadow=none\n- buttonPrimary: background=#FFD300, textColor=#10162F, borderRadius=4px, shadow=none\n- buttonSecondary: background=#FFFFFF, textColor=#10162F, borderColor=#FFFFFF, borderRadius=4px, shadow=none\n\n## Brand Personality\n\nTone: modern · Energy: medium · Audience: aspiring coders and tech learners\n\n## Codecademy Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Please help, i've tried everything but the code won't work | Codecademy**\n  - Image: http://i.imgur.com/n6I0ni9.jpg\n  - Source: https://www.codecademy.com/forum_questions/5442ffb0282ae3abb8003113\n- **Codecademy Blog - Stories, advice, & news from Codecademy**\n  - Image: https://www.codecademy.com/resources/blog/wp-content/uploads/2026/02/AI-Builder-Vibe-Learning_-Blog-2.webp?w=1024\n  - Source: https://www.codecademy.com/resources/blog/\n- **Codecademy for Business | Codecademy**\n  - Image: https://static-assets.codecademy.com/assets/business-landing/continuous-learning.png\n  - Source: https://www.codecademy.com/business\n- **How Contributing to Docs Improves Coding Skills**\n  - Image: https://www.codecademy.com/resources/blog/wp-content/uploads/2023/06/TK-Practical-Coding-Tips-You-Can-Learn-By-Contributing-to-Docs-Blog.webp\n  - Source: https://www.codecademy.com/resources/blog/writing-docs-helps-improve-coding-skills\n- **Codecademy Blog - Stories, advice, & news from Codecademy**\n  - Image: https://www.codecademy.com/resources/blog/wp-content/uploads/2022/04/CC-HowToBecomeAnAIEngineer_BlogHeader-01.jpg?w=1024\n  - Source: https://www.codecademy.com/resources/blog/\n- **Codecademy Partners with the White House**\n  - Image: http://i.imgur.com/i5yiCDB.jpg\n  - Source: https://www.codecademy.com/resources/blog/codecademy-partners-with-the-white-house\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\": \"Apercu\",\n      \"role\": \"body\"\n    },\n    {\n      \"family\": \"Roboto\",\n      \"role\": \"body\"\n    },\n    {\n      \"family\": \"Ubuntu\",\n      \"role\": \"body\"\n    },\n    {\n      \"family\": \"Cantarell\",\n      \"role\": \"body\"\n    },\n    {\n      \"family\": \"Fira Sans\",\n      \"role\": \"body\"\n    }\n  ],\n  \"colors\": {\n    \"primary\": \"#10162F\",\n    \"secondary\": \"#3A10E5\",\n    \"accent\": \"#FFD300\",\n    \"background\": \"#FFFFFF\",\n    \"textPrimary\": \"#000000\",\n    \"link\": \"#FFD300\"\n  },\n  \"typography\": {\n    \"fontFamilies\": {\n      \"primary\": \"Apercu\",\n      \"heading\": \"Apercu\"\n    },\n    \"fontStacks\": {\n      \"heading\": [\n        \"Apercu\",\n        \"-apple-system\",\n        \"BlinkMacSystemFont\",\n        \"Segoe UI\",\n        \"Roboto\",\n        \"Ubuntu\",\n        \"Cantarell\",\n        \"Fira Sans\",\n        \"Droid Sans\",\n        \"Helvetica Neue\",\n        \"sans-serif\"\n      ],\n      \"body\": [\n        \"Apercu\",\n        \"-apple-system\",\n        \"BlinkMacSystemFont\",\n        \"Segoe UI\",\n        \"Roboto\",\n        \"Ubuntu\",\n        \"Cantarell\",\n        \"Fira Sans\",\n        \"Droid Sans\",\n        \"Helvetica Neue\",\n        \"sans-serif\"\n      ],\n      \"paragraph\": [\n        \"Apercu\",\n        \"-apple-system\",\n        \"BlinkMacSystemFont\",\n        \"Segoe UI\",\n        \"Roboto\",\n        \"Ubuntu\",\n        \"Cantarell\",\n        \"Fira Sans\",\n        \"Droid Sans\",\n        \"Helvetica Neue\",\n        \"sans-serif\"\n      ]\n    },\n    \"fontSizes\": {\n      \"h1\": \"76px\",\n      \"h2\": \"22px\",\n      \"body\": \"26px\"\n    }\n  },\n  \"spacing\": {\n    \"baseUnit\": 4,\n    \"borderRadius\": \"8px\"\n  },\n  \"components\": {\n    \"input\": {\n      \"background\": \"#0A0A0A\",\n      \"textColor\": \"#FFFFFF\",\n      \"borderColor\": \"#333333\",\n      \"borderRadius\": \"16px\",\n      \"borderRadiusCorners\": {\n        \"topLeft\": \"16px\",\n        \"topRight\": \"16px\",\n        \"bottomRight\": \"0px\",\n        \"bottomLeft\": \"0px\"\n      },\n      \"shadow\": \"none\"\n    },\n    \"buttonPrimary\": {\n      \"background\": \"#FFD300\",\n      \"textColor\": \"#10162F\",\n      \"borderRadius\": \"4px\",\n      \"borderRadiusCorners\": {\n        \"topLeft\": \"4px\",\n        \"topRight\": \"4px\",\n        \"bottomRight\": \"4px\",\n        \"bottomLeft\": \"4px\"\n      },\n      \"shadow\": \"none\"\n    },\n    \"buttonSecondary\": {\n      \"background\": \"#FFFFFF\",\n      \"textColor\": \"#10162F\",\n      \"borderColor\": \"#FFFFFF\",\n      \"borderRadius\": \"4px\",\n      \"borderRadiusCorners\": {\n        \"topLeft\": \"4px\",\n        \"topRight\": \"4px\",\n        \"bottomRight\": \"4px\",\n        \"bottomLeft\": \"4px\"\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%20viewBox%3D%220%200%20102%2021.705%22%20class%3D%22gamut-1bylnsw%20e1d9jxa20%22%20data-fc-idx%3D%220%22%3E%3Ctitle%3ECodecademy%20Logo%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22nonzero%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M4.213%2014.896c-.192-.562-.278-1.275-.278-2.226%200-.95.086-1.664.278-2.226.513-1.599%201.86-2.485%203.637-2.485%201.326%200%202.353.54%203.06%201.404a.18.18%200%2001-.022.26L9.732%2010.66c-.086.066-.192.066-.256-.043-.45-.497-.9-.778-1.626-.778-.792%200-1.39.39-1.648%201.167-.128.454-.17.973-.17%201.664%200%20.692.042%201.232.192%201.686.257.756.856%201.167%201.647%201.167.727%200%201.198-.28%201.626-.778.064-.086.171-.086.257-.022l1.155%201.038c.086.065.064.173.022.26-.707.842-1.734%201.382-3.06%201.382-1.775-.021-3.145-.886-3.658-2.507zm39.704%200c-.192-.562-.278-1.275-.278-2.226%200-.95.086-1.664.278-2.226.514-1.599%201.862-2.485%203.637-2.485%201.326%200%202.375.54%203.06%201.404a.18.18%200%2001-.022.26l-1.155%201.037c-.086.066-.193.066-.257-.043-.45-.497-.899-.778-1.626-.778-.791%200-1.39.39-1.647%201.167-.15.454-.193.973-.193%201.664%200%20.692.043%201.232.193%201.686.257.756.856%201.167%201.647%201.167.727%200%201.198-.28%201.626-.778.064-.086.171-.086.257-.022l1.155%201.038c.086.065.064.173.022.26-.707.842-1.734%201.382-3.06%201.382-1.775-.021-3.123-.886-3.637-2.507zm46.552%202.27c-.107%200-.192-.066-.192-.195v-5.187c0-1.167-.578-1.967-1.67-1.967-1.069%200-1.69.8-1.69%201.967v5.187c0%20.108-.064.195-.192.195h-1.69c-.107%200-.192-.066-.192-.195v-5.187c0-1.167-.578-1.967-1.67-1.967-1.069%200-1.69.8-1.69%201.967v5.187c0%20.108-.063.195-.192.195h-1.69c-.107%200-.192-.066-.192-.195V8.348c0-.108.064-.195.192-.195h1.69c.107%200%20.193.065.193.195v.648h.021c.385-.562%201.155-1.037%202.332-1.037%201.048%200%201.883.432%202.418%201.189h.021c.684-.757%201.562-1.19%202.824-1.19%202.054%200%203.209%201.427%203.209%203.35v5.685c0%20.108-.064.194-.193.194l-1.647-.021zm4.228%203.177c-.108%200-.193-.066-.193-.195v-1.491c0-.108.064-.194.193-.194h.32c.707%200%201.048-.325%201.327-1.06l.257-.756-3.231-8.494c-.043-.108.043-.194.15-.194h1.818c.107%200%20.193.065.214.194l1.99%205.879h.043l1.904-5.879c.043-.108.107-.194.213-.194h1.733c.108%200%20.193.065.15.194l-3.337%209.401c-.77%202.14-1.498%202.81-2.974%202.81l-.577-.021zm-76.93-6.009c.15-.475.192-.908.192-1.664%200-.756-.043-1.167-.192-1.664-.257-.757-.835-1.167-1.647-1.167-.813%200-1.412.432-1.669%201.167-.15.475-.193.886-.193%201.664%200%20.756.043%201.189.193%201.664.257.757.835%201.167%201.669%201.167.812.022%201.39-.41%201.647-1.167zm-5.306.562c-.192-.627-.3-1.232-.3-2.226s.087-1.578.3-2.226c.492-1.578%201.84-2.485%203.637-2.485%201.776%200%203.124.907%203.615%202.485.193.627.3%201.232.3%202.226s-.086%201.578-.3%202.226c-.491%201.578-1.84%202.485-3.615%202.485-1.775%200-3.123-.907-3.637-2.485zm43.085-6.937c2.695%200%203.68.95%203.722%203.155v5.857c0%20.13-.085.195-.192.195h-1.54c-.13%200-.193-.087-.193-.195v-.648h-.022c-.406.605-1.24%201.037-2.481%201.037-1.626%200-2.974-.865-2.974-2.745%200-1.945%201.348-2.853%203.53-2.853h.728c.128%200%20.192.087.192.195v1.189c0%20.13-.086.194-.192.194h-.407c-1.327%200-1.904.368-1.904%201.21%200%20.757.535%201.124%201.519%201.124%201.262%200%201.968-.497%201.968-1.534v-3.004c-.043-.973-.535-1.405-1.968-1.405-.984%200-1.583.281-2.011.627-.086.064-.193.043-.257-.043l-.685-1.233c-.042-.086-.021-.172.043-.237.706-.54%201.67-.886%203.124-.886zm-21.66%203.803h2.502c.065%200%20.108-.043.108-.108%200-.302-.043-.54-.108-.756-.235-.735-.877-1.167-1.711-1.167-.834%200-1.498.432-1.733%201.167-.021.087-.043.173-.064.28v.044c-.064.41-.086.735-.107%201.254-.003.434.033.868.107%201.296.021.13.064.26.107.39.278.885.984%201.361%201.968%201.361%201.006%200%201.626-.367%202.075-.864.086-.109.193-.109.278-.044l1.07.973c.086.065.086.173.021.26-.77.907-2.01%201.534-3.636%201.534-1.862%200-3.188-.93-3.68-2.507-.193-.584-.321-1.276-.321-2.205%200-.93.107-1.642.3-2.226.492-1.577%201.86-2.485%203.615-2.485%201.818%200%203.145.95%203.637%202.485.214.627.3%201.254.3%202.702%200%20.13-.065.194-.193.194h-4.536c-.064%200-.085-.043-.085-.086v-1.405c0-.065.043-.087.085-.087zm-4.83-7.42c.107%200%20.193.064.214.107v12.319c0%20.13-.085.195-.192.195h-1.69c-.128%200-.193-.087-.193-.195v-.67h-.021c-.407.605-1.134%201.06-2.332%201.06-1.498%200-2.61-.714-3.06-2.162-.234-.692-.32-1.319-.32-2.529s.107-1.837.32-2.528c.45-1.427%201.52-2.14%202.996-2.161h1.262c.043.02.064.043.064.086v1.707c0%20.044-.021.087-.064.087h-.727c-.792.021-1.348.432-1.583%201.167-.129.41-.193.864-.193%201.685%200%20.822.064%201.276.193%201.686.235.735.812%201.146%201.625%201.146.835%200%201.412-.39%201.648-1.146a4.85%204.85%200%2000.171-1.167V4.536c0-.13.085-.195.192-.195h1.69zm44.176%207.42h2.503c.064%200%20.107-.043.107-.108%200-.302-.043-.54-.107-.756-.235-.735-.877-1.167-1.712-1.167-.834%200-1.497.432-1.732%201.167a5.779%205.779%200%2000-.064.28v.044c-.064.41-.086.735-.107%201.254-.003.434.033.868.106%201.296.022.13.065.26.108.39.278.885.984%201.361%201.968%201.361%201.006%200%201.626-.367%202.075-.864.086-.109.193-.109.278-.044l1.07.973c.085.065.085.173.021.26-.77.907-2.011%201.534-3.637%201.534-1.86%200-3.187-.93-3.68-2.507-.192-.584-.32-1.276-.32-2.205%200-.93.107-1.642.3-2.226.491-1.577%201.86-2.485%203.614-2.485%201.819%200%203.145.95%203.638%202.485.213.627.3%201.254.3%202.702%200%20.13-.065.194-.193.194h-4.536c-.064%200-.086-.043-.086-.086v-1.405c0-.065.043-.087.086-.087zm-4.829-7.42c.107%200%20.193.064.236.172v12.319c0%20.13-.086.194-.193.194h-1.69c-.128%200-.192-.086-.192-.194v-.67h-.022c-.428.605-1.155%201.059-2.353%201.059-1.498%200-2.61-.713-3.06-2.161-.235-.692-.32-1.34-.32-2.55%200-1.232.107-1.86.32-2.551.45-1.426%201.54-2.14%203.017-2.161h1.24c.129%200%20.193.086.193.194v1.492c0%20.13-.085.194-.192.194h-.727c-.792.022-1.349.433-1.584%201.167-.128.41-.192.865-.192%201.686s.064%201.275.192%201.686c.235.756.792%201.167%201.626%201.167.835%200%201.412-.41%201.648-1.167.085-.302.15-.649.17-1.167V4.536c0-.13.086-.195.193-.195h1.69zM50.078%2019.534c.295%200%20.357.09.357.362v1.447c0%20.294-.083.362-.357.362h-5.723c-.296%200-.358-.09-.358-.362v-1.447c0-.295.052-.362.358-.362h5.723zM0%20.362C0%20.109.043.043%200%200h42.208c.23%200%20.272.022.358%200v21.344c0%20.231-.021.275%200%20.362-.086-.022-.129%200-.358%200H0v-.002l.007-.028c.006-.037-.002-.053-.006-.012L0%2021.69V.361zm2.146%2019.173H40.42c-.043-.043%200-.107%200-.362V2.171H2.146v17.364z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\",\n    \"favicon\": \"https://www.codecademy.com/favicon.ico\",\n    \"ogImage\": \"https://images.codecademy.com/social/logo-codecademy-social.png\",\n    \"logoHref\": \"/\",\n    \"logoAlt\": \"Codecademy Logo\"\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. The alt text matches the brand name 'Codecademy'.\",\n    \"confidence\": 0.95,\n    \"source\": \"llm\"\n  },\n  \"__llm_button_reasoning\": {\n    \"primary\": {\n      \"index\": 0,\n      \"text\": \"More ways to sign up\",\n      \"reasoning\": \"Button #0 uses a vibrant brand color (#FFD300) which is typically used for primary CTAs. The text 'More ways to sign up' suggests an action-oriented purpose.\"\n    },\n    \"secondary\": {\n      \"index\": 1,\n      \"text\": \"GoogleSign up with Google\",\n      \"reasoning\": \"Button #1 has a white background, making it less prominent than the primary button. It serves as a secondary option with a specific sign-up method.\"\n    },\n    \"confidence\": 0.95\n  },\n  \"personality\": {\n    \"tone\": \"modern\",\n    \"energy\": \"medium\",\n    \"targetAudience\": \"aspiring coders and tech learners\"\n  },\n  \"designSystem\": {\n    \"framework\": \"custom\",\n    \"componentLibrary\": \"\"\n  },\n  \"confidence\": {\n    \"buttons\": 0.95,\n    \"colors\": 0.9,\n    \"overall\": 0.925\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. The alt text matches the brand name 'Codecademy'.\",\n        \"confidence\": 0.95\n      }\n    },\n    \"buttonClassification\": {\n      \"llmCalled\": true,\n      \"llmSucceeded\": true\n    }\n  }\n}\n```\n"
}