Extract a website styleguide

import os

import requests

response = requests.get(
    "https://api.notte.cc/data/web/styleguide?domain=notte.cc",
    headers={"Authorization": f"Bearer {os.environ['NOTTE_API_KEY']}"},
    timeout=330,
)
response.raise_for_status()
print(response.json())

const response = await fetch("https://api.notte.cc/data/web/styleguide?domain=notte.cc", {
  method: "GET",
  headers: {
    Authorization: `Bearer ${process.env.NOTTE_API_KEY}`,
  },
  signal: AbortSignal.timeout(330_000),
});
if (!response.ok) throw new Error(await response.text());
console.log(await response.json());

curl --fail-with-body --max-time 330 --request GET 'https://api.notte.cc/data/web/styleguide?domain=notte.cc' \
  --header "Authorization: Bearer $NOTTE_API_KEY"

{
  "status": "ok",
  "domain": "<string>",
  "styleguide": {
    "mode": "light",
    "colors": {
      "accent": "<string>",
      "background": "<string>",
      "text": "<string>"
    },
    "typography": {
      "headings": {
        "h1": {
          "fontFamily": "<string>",
          "fontFallbacks": [
            "<string>"
          ],
          "fontSize": "<string>",
          "fontWeight": 123,
          "lineHeight": "<string>",
          "letterSpacing": "<string>"
        },
        "h2": {
          "fontFamily": "<string>",
          "fontFallbacks": [
            "<string>"
          ],
          "fontSize": "<string>",
          "fontWeight": 123,
          "lineHeight": "<string>",
          "letterSpacing": "<string>"
        },
        "h3": {
          "fontFamily": "<string>",
          "fontFallbacks": [
            "<string>"
          ],
          "fontSize": "<string>",
          "fontWeight": 123,
          "lineHeight": "<string>",
          "letterSpacing": "<string>"
        },
        "h4": {
          "fontFamily": "<string>",
          "fontFallbacks": [
            "<string>"
          ],
          "fontSize": "<string>",
          "fontWeight": 123,
          "lineHeight": "<string>",
          "letterSpacing": "<string>"
        }
      },
      "p": {
        "fontFamily": "<string>",
        "fontFallbacks": [
          "<string>"
        ],
        "fontSize": "<string>",
        "fontWeight": 123,
        "lineHeight": "<string>",
        "letterSpacing": "<string>"
      }
    },
    "elementSpacing": {
      "xs": "<string>",
      "sm": "<string>",
      "md": "<string>",
      "lg": "<string>",
      "xl": "<string>"
    },
    "shadows": {
      "sm": "<string>",
      "md": "<string>",
      "lg": "<string>",
      "xl": "<string>",
      "inner": "<string>"
    },
    "fontLinks": {},
    "components": {
      "button": {
        "primary": {
          "backgroundColor": "<string>",
          "color": "<string>",
          "borderColor": "<string>",
          "borderRadius": "<string>",
          "borderWidth": "<string>",
          "borderStyle": "<string>",
          "padding": "<string>",
          "minWidth": "<string>",
          "minHeight": "<string>",
          "fontSize": "<string>",
          "fontWeight": 123,
          "textDecoration": "<string>",
          "boxShadow": "<string>",
          "css": "<string>",
          "fontFamily": "<string>",
          "fontFallbacks": [
            "<string>"
          ],
          "textDecorationColor": "<string>"
        },
        "secondary": {
          "backgroundColor": "<string>",
          "color": "<string>",
          "borderColor": "<string>",
          "borderRadius": "<string>",
          "borderWidth": "<string>",
          "borderStyle": "<string>",
          "padding": "<string>",
          "minWidth": "<string>",
          "minHeight": "<string>",
          "fontSize": "<string>",
          "fontWeight": 123,
          "textDecoration": "<string>",
          "boxShadow": "<string>",
          "css": "<string>",
          "fontFamily": "<string>",
          "fontFallbacks": [
            "<string>"
          ],
          "textDecorationColor": "<string>"
        },
        "link": {
          "backgroundColor": "<string>",
          "color": "<string>",
          "borderColor": "<string>",
          "borderRadius": "<string>",
          "borderWidth": "<string>",
          "borderStyle": "<string>",
          "padding": "<string>",
          "minWidth": "<string>",
          "minHeight": "<string>",
          "fontSize": "<string>",
          "fontWeight": 123,
          "textDecoration": "<string>",
          "boxShadow": "<string>",
          "css": "<string>",
          "fontFamily": "<string>",
          "fontFallbacks": [
            "<string>"
          ],
          "textDecorationColor": "<string>"
        }
      },
      "card": {
        "backgroundColor": "<string>",
        "borderColor": "<string>",
        "borderRadius": "<string>",
        "borderWidth": "<string>",
        "borderStyle": "<string>",
        "padding": "<string>",
        "boxShadow": "<string>",
        "textColor": "<string>",
        "css": "<string>"
      }
    }
  },
  "code": 123,
  "finalDOMState": "loaded",
  "cache_metadata": {
    "status": "miss",
    "age_ms": 0
  },
  "request_id": "<string>"
}

{
  "detail": [
    {
      "loc": [
        "<string>"
      ],
      "msg": "<string>",
      "type": "<string>",
      "input": "<unknown>",
      "ctx": {}
    }
  ]
}