{
  "colors": {
    "primary": "rgb(143, 189, 165)",
    "accent": "rgb(104, 140, 120)",
    "background": "rgb(11, 17, 16)",
    "textPrimary": "rgb(89, 102, 93)"
  },
  "typography": {
    "fontFamilies": {
      "heading": "Manrope",
      "primary": "Manrope"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "rgb(143, 189, 165)",
      "textColor": "rgb(11, 17, 16)",
      "borderRadius": "0px"
    }
  },
  "images": {
    "logo": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
    "favicon": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
    "ogImage": null
  },
  "evidence": {
    "computed": {
      "body": {
        "tag": "BODY",
        "id": "",
        "class": "old-site",
        "text": "A ThinkCodec sample. Cedar Thread Tailoring is a made-up business.\nSkip to content\nCedar Thread Tailoring\nMenu\n\nWelcome to our website\n\nCedar Thread Tailoring\n\nQuality alterations ",
        "background": "rgb(11, 17, 16)",
        "backgroundImage": "none",
        "color": "rgb(89, 102, 93)",
        "fontFamily": "Manrope, Arial, sans-serif",
        "fontSize": "12px",
        "fontWeight": "400",
        "borderRadius": "0px",
        "borderTopLeftRadius": "0px",
        "borderColor": "rgb(89, 102, 93)",
        "box": {
          "x": 0,
          "y": 0,
          "width": 1440,
          "height": 1552.25
        }
      },
      "h1": {
        "tag": "H1",
        "id": "",
        "class": "",
        "text": "Cedar Thread Tailoring",
        "background": "rgba(0, 0, 0, 0)",
        "backgroundImage": "none",
        "color": "rgb(143, 189, 165)",
        "fontFamily": "Manrope, Arial, sans-serif",
        "fontSize": "23px",
        "fontWeight": "700",
        "borderRadius": "0px",
        "borderTopLeftRadius": "0px",
        "borderColor": "rgb(143, 189, 165)",
        "box": {
          "x": 16,
          "y": 171,
          "width": 1408,
          "height": 34.5
        }
      },
      "h2": {
        "tag": "H2",
        "id": "",
        "class": "",
        "text": "Welcome to Cedar Thread",
        "background": "rgba(0, 0, 0, 0)",
        "backgroundImage": "none",
        "color": "rgb(143, 189, 165)",
        "fontFamily": "Manrope, Arial, sans-serif",
        "fontSize": "18px",
        "fontWeight": "700",
        "borderRadius": "0px",
        "borderTopLeftRadius": "0px",
        "borderColor": "rgb(143, 189, 165)",
        "box": {
          "x": 264,
          "y": 760.4375,
          "width": 912,
          "height": 27
        }
      },
      "a": {
        "tag": "A",
        "id": "",
        "class": "skip",
        "text": "Skip to content",
        "background": "rgba(0, 0, 0, 0)",
        "backgroundImage": "none",
        "color": "rgb(143, 189, 165)",
        "fontFamily": "Manrope, Arial, sans-serif",
        "fontSize": "12px",
        "fontWeight": "400",
        "borderRadius": "0px",
        "borderTopLeftRadius": "0px",
        "borderColor": "rgb(143, 189, 165)",
        "box": {
          "x": 0,
          "y": -80,
          "width": 83.75,
          "height": 18
        }
      },
      "header": {
        "tag": "HEADER",
        "id": "",
        "class": "old-header",
        "text": "Cedar Thread Tailoring\nMenu",
        "background": "rgb(25, 39, 32)",
        "backgroundImage": "none",
        "color": "rgb(89, 102, 93)",
        "fontFamily": "Manrope, Arial, sans-serif",
        "fontSize": "12px",
        "fontWeight": "400",
        "borderRadius": "0px",
        "borderTopLeftRadius": "0px",
        "borderColor": "rgb(89, 102, 93)",
        "box": {
          "x": 0,
          "y": 34,
          "width": 1440,
          "height": 80
        }
      },
      "button": {
        "score": 106.43175,
        "tag": "BUTTON",
        "id": "previous",
        "class": "",
        "text": "Previous",
        "background": "rgb(143, 189, 165)",
        "backgroundImage": "none",
        "color": "rgb(11, 17, 16)",
        "fontFamily": "Manrope, Arial, sans-serif",
        "fontSize": "12px",
        "fontWeight": "400",
        "borderRadius": "0px",
        "borderTopLeftRadius": "0px",
        "borderColor": "rgb(104, 140, 120)",
        "box": {
          "x": 668.109375,
          "y": 690.5,
          "width": 59.65625,
          "height": 24
        },
        "href": null
      },
      "headingFallback": null
    },
    "rootProperties": {
      "--sage": "#8fbda5",
      "--cedar": "#0b1110",
      "--cream": "#f5f0e5"
    },
    "fontFaces": [
      {
        "family": "Manrope",
        "src": "url(\"/assets/manrope.ttf\")",
        "sheet": "https://thinkcodec.com/redesign-sample/before/old.css",
        "actuallyUsed": true,
        "loaded": true
      }
    ],
    "usedFamilies": [
      "Manrope"
    ],
    "fontLinks": [],
    "cssAccessErrors": [],
    "stylesheets": [
      "https://thinkcodec.com/redesign-sample/before/old.css"
    ],
    "logoCandidates": [
      {
        "kind": "img",
        "url": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
        "alt": "Cedar Thread needle monogram",
        "hint": "/assets/ct-mark.svg Cedar Thread needle monogram ct-mark ",
        "inHeader": true,
        "visible": true,
        "score": 50,
        "width": 44,
        "height": 44,
        "inlineSvg": null
      }
    ],
    "logoReason": "Highest score: logo name + header/nav position + visible image; menu and utility icons penalized.",
    "colorDistribution": [
      {
        "color": "rgb(143, 189, 165)",
        "count": 42
      },
      {
        "color": "rgb(104, 140, 120)",
        "count": 3
      }
    ],
    "buttonCandidates": [
      {
        "score": 106.43175,
        "tag": "BUTTON",
        "id": "previous",
        "class": "",
        "text": "Previous",
        "background": "rgb(143, 189, 165)",
        "backgroundImage": "none",
        "color": "rgb(11, 17, 16)",
        "fontFamily": "Manrope, Arial, sans-serif",
        "fontSize": "12px",
        "fontWeight": "400",
        "borderRadius": "0px",
        "borderTopLeftRadius": "0px",
        "borderColor": "rgb(104, 140, 120)",
        "box": {
          "x": 668.109375,
          "y": 690.5,
          "width": 59.65625,
          "height": 24
        },
        "href": null
      },
      {
        "score": 105.915,
        "tag": "BUTTON",
        "id": "next",
        "class": "",
        "text": "Next",
        "background": "rgb(143, 189, 165)",
        "backgroundImage": "none",
        "color": "rgb(11, 17, 16)",
        "fontFamily": "Manrope, Arial, sans-serif",
        "fontSize": "12px",
        "fontWeight": "400",
        "borderRadius": "0px",
        "borderTopLeftRadius": "0px",
        "borderColor": "rgb(104, 140, 120)",
        "box": {
          "x": 733.765625,
          "y": 690.5,
          "width": 38.125,
          "height": 24
        },
        "href": null
      },
      {
        "score": 51.0365,
        "tag": "BUTTON",
        "id": "old-menu",
        "class": "",
        "text": "Menu",
        "background": "rgb(143, 189, 165)",
        "backgroundImage": "none",
        "color": "rgb(11, 17, 16)",
        "fontFamily": "Manrope, Arial, sans-serif",
        "fontSize": "12px",
        "fontWeight": "400",
        "borderRadius": "0px",
        "borderTopLeftRadius": "0px",
        "borderColor": "rgb(104, 140, 120)",
        "box": {
          "x": 1374.8125,
          "y": 62,
          "width": 43.1875,
          "height": 24
        },
        "href": null
      }
    ],
    "icons": [
      {
        "rel": "icon",
        "url": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
        "type": ""
      }
    ],
    "legacyAttributes": [],
    "extractionRule": "Primary: colored prominent button, else colored link, else most frequent chromatic color. Accent: most frequent chromatic color different from primary; reuse primary if no alternative. Neutral means channel spread <=28. Body background and color are literal computed styles. Heading falls back to h2 or first long legacy text if no h1."
  },
  "measurement": {
    "url": "https://thinkcodec.com/redesign-sample/before/",
    "success": true,
    "wallSeconds": 2.6188842,
    "views": [
      {
        "viewport": {
          "width": 1440,
          "height": 900
        },
        "requestedURL": "https://thinkcodec.com/redesign-sample/before/",
        "httpStatus": 200,
        "homepageLoads": 1,
        "branding": {
          "colors": {
            "primary": "rgb(143, 189, 165)",
            "accent": "rgb(104, 140, 120)",
            "background": "rgb(11, 17, 16)",
            "textPrimary": "rgb(89, 102, 93)"
          },
          "typography": {
            "fontFamilies": {
              "heading": "Manrope",
              "primary": "Manrope"
            }
          },
          "components": {
            "buttonPrimary": {
              "background": "rgb(143, 189, 165)",
              "textColor": "rgb(11, 17, 16)",
              "borderRadius": "0px"
            }
          },
          "images": {
            "logo": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
            "favicon": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
            "ogImage": null
          },
          "evidence": {
            "computed": {
              "body": {
                "tag": "BODY",
                "id": "",
                "class": "old-site",
                "text": "A ThinkCodec sample. Cedar Thread Tailoring is a made-up business.\nSkip to content\nCedar Thread Tailoring\nMenu\n\nWelcome to our website\n\nCedar Thread Tailoring\n\nQuality alterations ",
                "background": "rgb(11, 17, 16)",
                "backgroundImage": "none",
                "color": "rgb(89, 102, 93)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(89, 102, 93)",
                "box": {
                  "x": 0,
                  "y": 0,
                  "width": 1440,
                  "height": 1552.25
                }
              },
              "h1": {
                "tag": "H1",
                "id": "",
                "class": "",
                "text": "Cedar Thread Tailoring",
                "background": "rgba(0, 0, 0, 0)",
                "backgroundImage": "none",
                "color": "rgb(143, 189, 165)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "23px",
                "fontWeight": "700",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(143, 189, 165)",
                "box": {
                  "x": 16,
                  "y": 171,
                  "width": 1408,
                  "height": 34.5
                }
              },
              "h2": {
                "tag": "H2",
                "id": "",
                "class": "",
                "text": "Welcome to Cedar Thread",
                "background": "rgba(0, 0, 0, 0)",
                "backgroundImage": "none",
                "color": "rgb(143, 189, 165)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "18px",
                "fontWeight": "700",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(143, 189, 165)",
                "box": {
                  "x": 264,
                  "y": 760.4375,
                  "width": 912,
                  "height": 27
                }
              },
              "a": {
                "tag": "A",
                "id": "",
                "class": "skip",
                "text": "Skip to content",
                "background": "rgba(0, 0, 0, 0)",
                "backgroundImage": "none",
                "color": "rgb(143, 189, 165)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(143, 189, 165)",
                "box": {
                  "x": 0,
                  "y": -80,
                  "width": 83.75,
                  "height": 18
                }
              },
              "header": {
                "tag": "HEADER",
                "id": "",
                "class": "old-header",
                "text": "Cedar Thread Tailoring\nMenu",
                "background": "rgb(25, 39, 32)",
                "backgroundImage": "none",
                "color": "rgb(89, 102, 93)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(89, 102, 93)",
                "box": {
                  "x": 0,
                  "y": 34,
                  "width": 1440,
                  "height": 80
                }
              },
              "button": {
                "score": 106.43175,
                "tag": "BUTTON",
                "id": "previous",
                "class": "",
                "text": "Previous",
                "background": "rgb(143, 189, 165)",
                "backgroundImage": "none",
                "color": "rgb(11, 17, 16)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(104, 140, 120)",
                "box": {
                  "x": 668.109375,
                  "y": 690.5,
                  "width": 59.65625,
                  "height": 24
                },
                "href": null
              },
              "headingFallback": null
            },
            "rootProperties": {
              "--sage": "#8fbda5",
              "--cedar": "#0b1110",
              "--cream": "#f5f0e5"
            },
            "fontFaces": [
              {
                "family": "Manrope",
                "src": "url(\"/assets/manrope.ttf\")",
                "sheet": "https://thinkcodec.com/redesign-sample/before/old.css",
                "actuallyUsed": true,
                "loaded": true
              }
            ],
            "usedFamilies": [
              "Manrope"
            ],
            "fontLinks": [],
            "cssAccessErrors": [],
            "stylesheets": [
              "https://thinkcodec.com/redesign-sample/before/old.css"
            ],
            "logoCandidates": [
              {
                "kind": "img",
                "url": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
                "alt": "Cedar Thread needle monogram",
                "hint": "/assets/ct-mark.svg Cedar Thread needle monogram ct-mark ",
                "inHeader": true,
                "visible": true,
                "score": 50,
                "width": 44,
                "height": 44,
                "inlineSvg": null
              }
            ],
            "logoReason": "Highest score: logo name + header/nav position + visible image; menu and utility icons penalized.",
            "colorDistribution": [
              {
                "color": "rgb(143, 189, 165)",
                "count": 42
              },
              {
                "color": "rgb(104, 140, 120)",
                "count": 3
              }
            ],
            "buttonCandidates": [
              {
                "score": 106.43175,
                "tag": "BUTTON",
                "id": "previous",
                "class": "",
                "text": "Previous",
                "background": "rgb(143, 189, 165)",
                "backgroundImage": "none",
                "color": "rgb(11, 17, 16)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(104, 140, 120)",
                "box": {
                  "x": 668.109375,
                  "y": 690.5,
                  "width": 59.65625,
                  "height": 24
                },
                "href": null
              },
              {
                "score": 105.915,
                "tag": "BUTTON",
                "id": "next",
                "class": "",
                "text": "Next",
                "background": "rgb(143, 189, 165)",
                "backgroundImage": "none",
                "color": "rgb(11, 17, 16)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(104, 140, 120)",
                "box": {
                  "x": 733.765625,
                  "y": 690.5,
                  "width": 38.125,
                  "height": 24
                },
                "href": null
              },
              {
                "score": 51.0365,
                "tag": "BUTTON",
                "id": "old-menu",
                "class": "",
                "text": "Menu",
                "background": "rgb(143, 189, 165)",
                "backgroundImage": "none",
                "color": "rgb(11, 17, 16)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(104, 140, 120)",
                "box": {
                  "x": 1374.8125,
                  "y": 62,
                  "width": 43.1875,
                  "height": 24
                },
                "href": null
              }
            ],
            "icons": [
              {
                "rel": "icon",
                "url": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
                "type": ""
              }
            ],
            "legacyAttributes": [],
            "extractionRule": "Primary: colored prominent button, else colored link, else most frequent chromatic color. Accent: most frequent chromatic color different from primary; reuse primary if no alternative. Neutral means channel spread <=28. Body background and color are literal computed styles. Heading falls back to h2 or first long legacy text if no h1."
          }
        },
        "renderedFonts": {
          "body": [
            {
              "familyName": "Manrope ExtraLight",
              "postScriptName": "Manrope",
              "isCustomFont": true,
              "glyphCount": 81
            }
          ],
          "h1": [
            {
              "familyName": "Manrope ExtraLight",
              "postScriptName": "Manrope-Bold",
              "isCustomFont": true,
              "glyphCount": 22
            }
          ],
          "h2": [
            {
              "familyName": "Manrope ExtraLight",
              "postScriptName": "Manrope-Bold",
              "isCustomFont": true,
              "glyphCount": 23
            }
          ],
          "p": [
            {
              "familyName": "Manrope ExtraLight",
              "postScriptName": "Manrope",
              "isCustomFont": true,
              "glyphCount": 22
            }
          ],
          "header": [
            {
              "familyName": "Manrope ExtraLight",
              "postScriptName": "Manrope",
              "isCustomFont": true,
              "glyphCount": 4
            }
          ]
        },
        "network": [
          {
            "url": "https://thinkcodec.com/redesign-sample/before/",
            "status": 200,
            "resourceType": "document"
          },
          {
            "url": "https://thinkcodec.com/redesign-sample/before/old.css",
            "status": 200,
            "resourceType": "stylesheet"
          },
          {
            "url": "https://thinkcodec.com/fonts/manrope-latin.woff",
            "status": 200,
            "resourceType": "font"
          }
        ]
      },
      {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "requestedURL": "https://thinkcodec.com/redesign-sample/before/",
        "httpStatus": 200,
        "homepageLoads": 1,
        "branding": {
          "colors": {
            "primary": "rgb(143, 189, 165)",
            "accent": "rgb(104, 140, 120)",
            "background": "rgb(11, 17, 16)",
            "textPrimary": "rgb(89, 102, 93)"
          },
          "typography": {
            "fontFamilies": {
              "heading": "Manrope",
              "primary": "Manrope"
            }
          },
          "components": {
            "buttonPrimary": {
              "background": "rgb(143, 189, 165)",
              "textColor": "rgb(11, 17, 16)",
              "borderRadius": "0px"
            }
          },
          "images": {
            "logo": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
            "favicon": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
            "ogImage": null
          },
          "evidence": {
            "computed": {
              "body": {
                "tag": "BODY",
                "id": "",
                "class": "old-site",
                "text": "A ThinkCodec sample. Cedar Thread Tailoring is a made-up business.\nSkip to content\nCedar Thread Tailoring\nMenu\n\nWelcome to our website\n\nCedar Thread Tailoring\n\nQuality alterations ",
                "background": "rgb(11, 17, 16)",
                "backgroundImage": "none",
                "color": "rgb(89, 102, 93)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(89, 102, 93)",
                "box": {
                  "x": 0,
                  "y": 0,
                  "width": 390,
                  "height": 1634.25
                }
              },
              "h1": {
                "tag": "H1",
                "id": "",
                "class": "",
                "text": "Cedar Thread Tailoring",
                "background": "rgba(0, 0, 0, 0)",
                "backgroundImage": "none",
                "color": "rgb(143, 189, 165)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "23px",
                "fontWeight": "700",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(143, 189, 165)",
                "box": {
                  "x": 16,
                  "y": 189,
                  "width": 358,
                  "height": 34.5
                }
              },
              "h2": {
                "tag": "H2",
                "id": "",
                "class": "",
                "text": "Welcome to Cedar Thread",
                "background": "rgba(0, 0, 0, 0)",
                "backgroundImage": "none",
                "color": "rgb(143, 189, 165)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "18px",
                "fontWeight": "700",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(143, 189, 165)",
                "box": {
                  "x": 24,
                  "y": 670.4375,
                  "width": 342,
                  "height": 27
                }
              },
              "a": {
                "tag": "A",
                "id": "",
                "class": "skip",
                "text": "Skip to content",
                "background": "rgba(0, 0, 0, 0)",
                "backgroundImage": "none",
                "color": "rgb(143, 189, 165)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(143, 189, 165)",
                "box": {
                  "x": 0,
                  "y": -80,
                  "width": 83.75,
                  "height": 18
                }
              },
              "header": {
                "tag": "HEADER",
                "id": "",
                "class": "old-header",
                "text": "Cedar Thread Tailoring\nMenu",
                "background": "rgb(25, 39, 32)",
                "backgroundImage": "none",
                "color": "rgb(89, 102, 93)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(89, 102, 93)",
                "box": {
                  "x": 0,
                  "y": 52,
                  "width": 390,
                  "height": 80
                }
              },
              "button": {
                "score": 106.43175,
                "tag": "BUTTON",
                "id": "previous",
                "class": "",
                "text": "Previous",
                "background": "rgb(143, 189, 165)",
                "backgroundImage": "none",
                "color": "rgb(11, 17, 16)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(104, 140, 120)",
                "box": {
                  "x": 143.109375,
                  "y": 608.5,
                  "width": 59.65625,
                  "height": 24
                },
                "href": null
              },
              "headingFallback": null
            },
            "rootProperties": {
              "--sage": "#8fbda5",
              "--cedar": "#0b1110",
              "--cream": "#f5f0e5"
            },
            "fontFaces": [
              {
                "family": "Manrope",
                "src": "url(\"/assets/manrope.ttf\")",
                "sheet": "https://thinkcodec.com/redesign-sample/before/old.css",
                "actuallyUsed": true,
                "loaded": true
              }
            ],
            "usedFamilies": [
              "Manrope"
            ],
            "fontLinks": [],
            "cssAccessErrors": [],
            "stylesheets": [
              "https://thinkcodec.com/redesign-sample/before/old.css"
            ],
            "logoCandidates": [
              {
                "kind": "img",
                "url": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
                "alt": "Cedar Thread needle monogram",
                "hint": "/assets/ct-mark.svg Cedar Thread needle monogram ct-mark ",
                "inHeader": true,
                "visible": true,
                "score": 50,
                "width": 44,
                "height": 44,
                "inlineSvg": null
              }
            ],
            "logoReason": "Highest score: logo name + header/nav position + visible image; menu and utility icons penalized.",
            "colorDistribution": [
              {
                "color": "rgb(143, 189, 165)",
                "count": 42
              },
              {
                "color": "rgb(104, 140, 120)",
                "count": 3
              }
            ],
            "buttonCandidates": [
              {
                "score": 106.43175,
                "tag": "BUTTON",
                "id": "previous",
                "class": "",
                "text": "Previous",
                "background": "rgb(143, 189, 165)",
                "backgroundImage": "none",
                "color": "rgb(11, 17, 16)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(104, 140, 120)",
                "box": {
                  "x": 143.109375,
                  "y": 608.5,
                  "width": 59.65625,
                  "height": 24
                },
                "href": null
              },
              {
                "score": 105.915,
                "tag": "BUTTON",
                "id": "next",
                "class": "",
                "text": "Next",
                "background": "rgb(143, 189, 165)",
                "backgroundImage": "none",
                "color": "rgb(11, 17, 16)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(104, 140, 120)",
                "box": {
                  "x": 208.765625,
                  "y": 608.5,
                  "width": 38.125,
                  "height": 24
                },
                "href": null
              },
              {
                "score": 51.0365,
                "tag": "BUTTON",
                "id": "old-menu",
                "class": "",
                "text": "Menu",
                "background": "rgb(143, 189, 165)",
                "backgroundImage": "none",
                "color": "rgb(11, 17, 16)",
                "fontFamily": "Manrope, Arial, sans-serif",
                "fontSize": "12px",
                "fontWeight": "400",
                "borderRadius": "0px",
                "borderTopLeftRadius": "0px",
                "borderColor": "rgb(104, 140, 120)",
                "box": {
                  "x": 324.8125,
                  "y": 80,
                  "width": 43.1875,
                  "height": 24
                },
                "href": null
              }
            ],
            "icons": [
              {
                "rel": "icon",
                "url": "https://thinkcodec.com/redesign-sample/assets/ct-mark.svg",
                "type": ""
              }
            ],
            "legacyAttributes": [],
            "extractionRule": "Primary: colored prominent button, else colored link, else most frequent chromatic color. Accent: most frequent chromatic color different from primary; reuse primary if no alternative. Neutral means channel spread <=28. Body background and color are literal computed styles. Heading falls back to h2 or first long legacy text if no h1."
          }
        },
        "renderedFonts": {
          "body": [
            {
              "familyName": "Manrope ExtraLight",
              "postScriptName": "Manrope",
              "isCustomFont": true,
              "glyphCount": 80
            }
          ],
          "h1": [
            {
              "familyName": "Manrope ExtraLight",
              "postScriptName": "Manrope-Bold",
              "isCustomFont": true,
              "glyphCount": 22
            }
          ],
          "h2": [
            {
              "familyName": "Manrope ExtraLight",
              "postScriptName": "Manrope-Bold",
              "isCustomFont": true,
              "glyphCount": 23
            }
          ],
          "p": [
            {
              "familyName": "Manrope ExtraLight",
              "postScriptName": "Manrope",
              "isCustomFont": true,
              "glyphCount": 22
            }
          ],
          "header": [
            {
              "familyName": "Manrope ExtraLight",
              "postScriptName": "Manrope",
              "isCustomFont": true,
              "glyphCount": 4
            }
          ]
        },
        "network": [
          {
            "url": "https://thinkcodec.com/redesign-sample/before/",
            "status": 200,
            "resourceType": "document"
          },
          {
            "url": "https://thinkcodec.com/redesign-sample/before/old.css",
            "status": 200,
            "resourceType": "stylesheet"
          },
          {
            "url": "https://thinkcodec.com/fonts/manrope-latin.woff",
            "status": 200,
            "resourceType": "font"
          }
        ]
      }
    ],
    "browserStartupIncluded": false,
    "adapter": "Python launcher with installed Node playwright-core; unchanged supplied extract.js"
  }
}