{
  "meta": {
    "source": "https://groq.com",
    "domain": "groq.com",
    "extractedAt": "2026-06-11T06:10:18.959Z",
    "tokenizedAt": "2026-06-11T06:10:31.314Z"
  },
  "colors": {
    "background": {
      "primary": "rgb(243, 243, 238)",
      "secondary": "rgb(232, 232, 222)",
      "tertiary": "rgb(255, 255, 255)"
    },
    "text": {
      "primary": "rgb(45, 47, 51)",
      "secondary": "rgb(0, 0, 0)",
      "muted": "#69695D"
    },
    "accent": {
      "primary": "rgb(244, 62, 1)",
      "secondary": "rgb(194, 49, 1)"
    },
    "border": "rgb(45, 47, 51)",
    "shadow": "rgba(0,0,0,0.1)"
  },
  "typography": {
    "fontFamily": {
      "primary": "Space Grotesk",
      "secondary": "Space Grotesk Fallback",
      "mono": "IBM Plex Mono"
    },
    "fontSize": {
      "xs": "10px",
      "sm": "13px",
      "base": "14px",
      "lg": "17px",
      "xl": "21px",
      "2xl": "28px",
      "3xl": "32px",
      "4xl": "46px"
    },
    "fontWeight": {
      "normal": "300",
      "medium": "500",
      "semibold": "600",
      "bold": "500"
    },
    "lineHeight": {
      "tight": "1.3",
      "normal": "1.57",
      "relaxed": "1.57"
    },
    "letterSpacing": {
      "tight": "-0.020em",
      "normal": "0em",
      "wide": "-0.020em"
    }
  },
  "spacing": {
    "xxs": "2px",
    "xs": "9px",
    "sm": "18px",
    "md": "27px",
    "base": "37px",
    "lg": "46px",
    "xl": "55px",
    "2xl": "64px",
    "3xl": "91px"
  },
  "borderRadius": {
    "none": "0px",
    "xs": "3px",
    "sm": "10px",
    "md": "14px",
    "lg": "99px",
    "xl": "1000px",
    "full": "1000px"
  },
  "shadows": {
    "shadow-1": "rgba(0, 0, 0, 0.04) 0px 4px 80px 0px"
  },
  "transitions": {
    "transition-1": "all",
    "transition-2": "opacity 0.19s ease-in 0.35s",
    "transition-3": "color 0.15s ease-in-out",
    "transition-4": "opacity 0.15s ease-in-out",
    "transition-5": "transform 0.15s ease-in-out"
  },
  "layout": {
    "maxWidth": "1200px",
    "headerHeight": "88px",
    "sidebarWidth": "885px",
    "gap": "48px normal",
    "containerPadding": "0px"
  },
  "cssCustomProperties": {
    "--color-code-snippet-highlight": "#D377FD",
    "--maw": "102.8571428571rem",
    "--space-gutter-v": "2.2857142857rem",
    "--color-orange-brand": "#F43E01",
    "--color-bg-btn-soft": "",
    "--trs-tfunc-expo-out": "cubic-bezier(0.19,1,0.22,1)",
    "--space-fixed-5": "2.8571428571rem",
    "--color-orange-dark": "#C23101",
    "--color-card-solid-bg": "light-dark(#fff,#2D2F33)",
    "--bds": "solid",
    "--space-4": "4rem",
    "--space-section-bottom": "1.1428571429rem",
    "--space-fixed-4": "2.2857142857rem",
    "--color-bg-section-20": "light-dark(#2D2F33,#2D2F33)",
    "--color-focus-text": "#fff",
    "--color-divider": "light-dark(color-mix(in srgb,#000 20%,transparent),color-mix(in srgb,#fff 20%,transparent))",
    "--color-bg": "light-dark(#F3F3EE,#26292E)",
    "--color-code-snippet-shade-gradient-start": "color-mix(in srgb,#2D2F33 0%,transparent)",
    "--space-outer": "3.4285714286rem",
    "--color-utility-100": "#FAFAF8",
    "--color-fluorescent-yellow": "#FDEB20",
    "--maw-w": "73.1428571429rem",
    "--color-fluorescent-purple-light": "#E3DCF8",
    "--color-text-link-hover": "#C23101",
    "--color-code-snippet-text-comment": "#9C9C90",
    "--color-code-snippet-text": "#fff",
    "--color-utility-91-yellow": "#E8E8DE",
    "--z-header-high": "690",
    "--color-separator": "light-dark(color-mix(in srgb,#000 20%,transparent),color-mix(in srgb,#fff 20%,transparent))",
    "--color-fluorescent-green": "#10E68D",
    "--color-text-secondary": "light-dark(#69695D,color-mix(in srgb,#fff 60%,transparent))",
    "--color-bg-section-91": "light-dark(#E8E8DE,#2D2F33)",
    "--space-fixed-6": "3.4285714286rem",
    "--color-text-link": "light-dark(#2D2F33,#fff)",
    "--color-bd": "light-dark(color-mix(in srgb,#000 20%,transparent),color-mix(in srgb,#fff 20%,transparent))",
    "--bdrs-inner": "5px",
    "--swiper-theme-color": "#007aff",
    "--elevation-3": "drop-shadow(0 2px 2px hsl(0deg 0% 0%/calc(0.3 / 5))) drop-shadow(0 4px 4px hsl(0deg 0% 0%/calc(0.3 / 5))) drop-shadow(0 8px 8px hsl(0deg 0% 0%/calc(0.3 / 5))) drop-shadow(0 16px 16px hsl(0deg 0% 0%/calc(0.3 / 5))) drop-shadow(0 32px 32px hsl(0deg 0% 0%/calc(0.3 / 5)))",
    "--ratio": "\"auto\"",
    "--color-orange": "#F43E01",
    "--space-5": "5.7142857143rem",
    "--color-code-snippet-ui": "#9C9C90",
    "--shadow-color": "0deg 0% 0%",
    "--color-white": "#fff",
    "--color-fluorescent-blue": "#5FC0FF",
    "--color-text-btn": "#fff",
    "--color-grey": "#D9D9D9",
    "--color-fluorescent-yellow-light": "#F4FD90",
    "--trs-tfunc-cubic": "cubic-bezier(0.4,0.05,0.22,1.2)",
    "--color-black-20": "color-mix(in srgb,#000 20%,transparent)",
    "--color-fluorescent-purple-base": "#D377FD",
    "--color-btn-secondary-text": "light-dark(#2D2F33,#fff)",
    "--color-text-accent": "#F43E01",
    "--color-code-snippet-separator": "color-mix(in srgb,#fff 20%,transparent)",
    "--z-modal": "900",
    "--ff-sans": "\"Space Grotesk\",\"Space Grotesk Fallback\",\"system-ui\",\"Helvetica Neue\",\"Helvetica\",\"Arial\",\"sans-serif\"",
    "--color-utility-81-yellow": "#CECEBF",
    "--space-3": "2.8571428571rem",
    "--trs": "all 0.15s ease-in-out",
    "--ff-ibm-plex-mono": "\"IBM Plex Mono\",\"IBM Plex Mono Fallback\"",
    "--color-btn-tertiary-text": "light-dark(#2D2F33,#fff)",
    "--color-tabs-btn-text": "#34342E",
    "--color-btn-primary-bg": "light-dark(#F43E01,#F43E01)",
    "--color-btn-secondar-text-hover": "light-dark(#2D2F33,#fff)",
    "--color-btn-primary-bg-hover": "#fff",
    "--grid-col-width": "calc((calc(100vw - 2 * 3.4285714286rem) - 11 * 2.2857142857rem) / 12)",
    "--color-code-snippet-text-highlighted": "color-mix(in lch increasing hue,#D377FD,#fff 25%)",
    "--bdw": "1px",
    "--nav-height": "6.2857142857rem",
    "--color-orange-light": "#FFD1A3",
    "--color-white-20": "color-mix(in srgb,#fff 20%,transparent)",
    "--color-btn-secondary-bd": "light-dark(color-mix(in srgb,#000 20%,transparent),color-mix(in srgb,#fff 20%,transparent))",
    "--color-green": "#39C5C0",
    "--bdrs-intermediate": "0.4285714286rem",
    "--max-nav-media-query": "(max-width:67.5em)",
    "--space-1": "1.7142857143rem",
    "--color-btn-primary-text": "#fff",
    "--elevation-2": "drop-shadow(0 2px 2px hsl(0deg 0% 0%/calc(0.3 / 3))) drop-shadow(0 4px 4px hsl(0deg 0% 0%/calc(0.3 / 3))) drop-shadow(0 6px 6px hsl(0deg 0% 0%/calc(0.3 / 3)))",
    "--color-btn-secondary-bg": "transparent",
    "--color-text-accent-inner": "#fff",
    "--color-tabs-btn-active-text": "#fff",
    "--z-overlay": "800",
    "--color-utility-16-yellow": "#2A2A25",
    "--grid": "repeat(12,minmax(10px,1fr))",
    "--color-utility-61-yellow": "#9C9C90",
    "--color-utility-200": "#F3F3EE",
    "--color-utility-20-blue": "#2D2F33",
    "--color-fluorescent-pink-light": "#FAD8FF",
    "--color-text-primary": "light-dark(#2D2F33,#fff)",
    "--color-fluorescent-green-base": "#10E68D",
    "--color-light": "#fff",
    "--maw-xn": "46.6428571429rem",
    "--color-video-player-bg": "#D9D9D9",
    "--z-footer": "500",
    "--space-inner": "2.2857142857rem",
    "--ff-mono": "\"IBM Plex Mono\",\"IBM Plex Mono Fallback\",ui-monospace,\"Cascadia Code\",\"Source Code Pro\",Menlo,Consolas,\"DejaVu Sans Mono\",monospace",
    "--bdrs": "1.4285714286rem",
    "--space-columns": "12",
    "--color-bg-btn-hov": "light-dark(#F43E01,#F43E01)",
    "--space-section-top": "5.7142857143rem",
    "--elevation-1": "drop-shadow(0.5px 1px 1px hsl(0deg 0% 0%/0.3))",
    "--shadow-opacity": "0.3",
    "--color-fluorescent-green-light": "#A9FFDB",
    "--color-fluorescent-blue-light": "#BFE4FC",
    "--color-focus-bg": "#000",
    "--trs-tfunc-circ-out": "cubic-bezier(0.075,0.82,0.165,1)",
    "--color-utility-95-yellow": "#F3F3EE",
    "--color-btn-tertiary-bg": "light-dark(#fff,#2D2F33)",
    "--trs-time": "0.15s",
    "--color-utility-98-yellow": "#FAFAF8",
    "--trs-prop": "all",
    "--color-bg-section": "light-dark(#fff,#2D2F33)",
    "--color-utility-29-blue": "#2C364A",
    "--color-focus-btn": "#F43E01",
    "--color-icon": "#F43E01",
    "--color-text-soft": "light-dark(#69695D,color-mix(in srgb,#fff 60%,transparent))",
    "--color-text-btn-secondary": "light-dark(#2D2F33,#fff)",
    "--bdrs-l": "1000px",
    "--color-fluorescent-pink-base": "#F392DD",
    "--color-code-snippet-bg": "#2D2F33",
    "--grid-width": "calc(100vw - 2 * 3.4285714286rem)",
    "--color-bg-section-98": "light-dark(#FAFAF8,#2D2F33)",
    "--color-dark": "#000",
    "--trs-tfunc": "ease-in-out",
    "--min-nav-media-query": "(min-width:67.5em)",
    "--color-yellow": "#F6AB45",
    "--color-orange-base": "#F43E01",
    "--maw-n": "63.2142857143rem",
    "--color-bg-btn-secondary": "transparent",
    "--logo-width": "7.1428571429rem",
    "--color-fluorescent-purple": "#D377FD",
    "--space-6": "10rem",
    "--color-utility-20-yellow": "#34342E",
    "--bdrs-outer": "10px",
    "--color-fluorescent-yellow-base": "#FDEB20",
    "--bd": "1px solid light-dark(color-mix(in srgb,#000 20%,transparent),color-mix(in srgb,#fff 20%,transparent))",
    "--z-dropdown": "700",
    "--color-bg-section-95": "light-dark(#F3F3EE,#2D2F33)",
    "--space-outer-effective": "3.4285714286rem",
    "--space-gutter": "2.2857142857rem",
    "--elevation-0": "none",
    "--color-white-60": "color-mix(in srgb,#fff 60%,transparent)",
    "--color-btn-primary-text-hover": "#fff",
    "--space-fixed-1": "0.5714285714rem",
    "--vp-h": "100dvh",
    "--space-2": "2.2857142857rem",
    "--color-text": "light-dark(#2D2F33,#fff)",
    "--color-utility-300": "#E8E8DE",
    "--color-overline": "#F43E01",
    "--elevation-4": "0px 4px 80px 0px rgba(0,0,0,0.04)",
    "--ff-display": "\"Space Grotesk\",\"Space Grotesk Fallback\",\"system-ui\",\"Helvetica Neue\",\"Helvetica\",\"Arial\",\"sans-serif\"",
    "--color-orange-middle": "#FE9E20",
    "--color-logo-filter": "brightness(0.1) invert(15%) sepia(8%) saturate(605%) hue-rotate(182deg) brightness(97%) contrast(89%)",
    "--color-black": "#000",
    "--space-inner-v": "2.8571428571rem",
    "--color-utility-16-blue": "#26292E",
    "--color-utility-41-blue": "#3E4C69",
    "--color-btn-secondary-bg-hover": "transparent",
    "--color-fluorescent-blue-base": "#5FC0FF",
    "--space-outer-v": "3.4285714286rem",
    "--color-fluorescent-pink": "#F392DD",
    "--color-tabs-icon-btn-text": "#69695D",
    "--color-focus-outline": "#F43E01",
    "--nav-break": "67.5em",
    "--z-header": "600",
    "--ff-text": "\"Space Grotesk\",\"Space Grotesk Fallback\",\"system-ui\",\"Helvetica Neue\",\"Helvetica\",\"Arial\",\"sans-serif\"",
    "--total-gutter": "11",
    "--color-black-15": "color-mix(in srgb,#000 20%,transparent)",
    "--space-gutter-s": "calc(2.2857142857rem / 2)",
    "--space-fixed-3": "1.7142857143rem",
    "--space-fixed-2": "1.1428571429rem",
    "--ff-space-grotesk": "\"Space Grotesk\",\"Space Grotesk Fallback\"",
    "--color-utility-41-yellow": "#69695D",
    "--color-code-snippet-shade-gradient-end": "color-mix(in srgb,#2D2F33 100%,transparent)",
    "--z-header-mid": "650",
    "--gap-stack": "3.4285714286rem",
    "--ff": "\"Space Grotesk\",\"Space Grotesk Fallback\",\"system-ui\",\"Helvetica Neue\",\"Helvetica\",\"Arial\",\"sans-serif\"",
    "--fz": "1.0714285714rem",
    "--fz-fluid": "4cqi",
    "--fz-max": "1.1428571429rem",
    "--lts": "0em",
    "--lh": "1.4",
    "--fw": "400",
    "--_row-height-groq-prompt": "calc(3.4285714286rem + 3.4285714286rem + 3.4285714286rem)",
    "--_grid-area-groq-prompt": "gp",
    "--_height-logo-marquee": "3.4285714286rem",
    "--_grid-area-media-lockup": "2/1/4/13",
    "--_close-size": "2.8571428571rem",
    "--color-bg-section-white": "#2D2F33",
    "--_close-icon-size": "1.7142857143rem",
    "--_close-inset": "1.1428571429rem",
    "--_height-bar": "3.4285714286rem",
    "--_bottom-bar": "3.4285714286rem",
    "--_grid-area-bar": "b",
    "--_grid-area-cards": "c",
    "--_scale": "0.9625",
    "--color-btn-tertiary-bd": "color-mix(in srgb,#fff 20%,transparent)",
    "--_row-height-nav": "6.2857142857rem",
    "--space-hero-top": "calc(-1 * 6.2857142857rem)",
    "--_grid-area-logo-marquee": "lm"
  }
}