{
  "id": "google-cloud",
  "version": "1.0.0",
  "name": "Google Cloud",
  "description": "Google Cloud (GCP) is Google's public-cloud platform, providing compute, storage, networking, databases, AI/ML, and developer- platform services. The Google Cloud sub-brand carries the parent Google four-color identity (Blue / Red / Yellow / Green) forward and ties it to a deeper interactive Cloud Blue (#1A73E8) used in the Google Cloud Console chrome and as the primary action color on cloud.google.com. Typography is Google Sans for display, Roboto for body and UI. The voice is product-clear and architecture- forward: GCP reference architectures, the Cloud Console, and the Google Cloud Skills Boost surfaces share the same four-color dialect against a Material neutral canvas.\n",
  "provenance": {
    "source": "https://cloud.google.com/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Google, Google Cloud, the Google Cloud logo, the Google four- color brand palette, Google Sans, and Roboto are trademarks of Google LLC. Brand colors and identity guidance documented here are derived from cloud.google.com, the Google brand- resources surface, and the Google Material Design 2 color reference (material.io/design/color).\n",
    "importedDate": "2026-05-18",
    "notes": "Google Cloud is documented as a distinct brand atom because the cloud surfaces tie the parent four-color palette to the deeper Cloud Blue 600 interactive primary and use Google Sans in a more reserved register than the consumer Google brand. No assets are bundled here — Google Cloud's marks are trademarked and must be retrieved from the Google brand- resources site under Google's stated terms.\n"
  },
  "tags": [
    "tech",
    "cloud",
    "gcp",
    "google",
    "four-color",
    "infrastructure",
    "material"
  ],
  "palette": {
    "ref": "google-cloud@1.0.0",
    "swatches": [
      {
        "id": "google-blue",
        "name": "Google Blue",
        "value": "#4285F4",
        "description": "Canonical Google brand blue — the \"G\" of the four-color logo and the principal accent across Google Cloud marketing.\n",
        "aliases": []
      },
      {
        "id": "cloud-blue-600",
        "name": "Cloud Blue 600",
        "value": "#1A73E8",
        "description": "Deeper interactive blue used in the Google Cloud Console chrome and as the link / primary-action color across cloud.google.com.\n",
        "aliases": []
      },
      {
        "id": "cloud-blue-700",
        "name": "Cloud Blue 700",
        "value": "#185ABC",
        "description": "Pressed/active state for the Cloud Blue primary action.\n",
        "aliases": []
      },
      {
        "id": "google-red",
        "name": "Google Red",
        "value": "#EA4335",
        "description": "Canonical Google brand red — the second \"o\" of the Google wordmark and the error / destructive accent in the Cloud Console.\n",
        "aliases": []
      },
      {
        "id": "google-yellow",
        "name": "Google Yellow",
        "value": "#FBBC04",
        "description": "Canonical Google brand yellow — the third \"o\" of the Google wordmark and the warning accent in the Cloud Console.\n",
        "aliases": []
      },
      {
        "id": "google-green",
        "name": "Google Green",
        "value": "#34A853",
        "description": "Canonical Google brand green — the \"l\" of the Google wordmark and the success accent in the Cloud Console.\n",
        "aliases": []
      },
      {
        "id": "google-grey-900",
        "name": "Google Grey 900",
        "value": "#202124",
        "description": "Primary text on light surfaces — Google Material's Grey 900 token, used on cloud.google.com body copy.\n",
        "aliases": []
      },
      {
        "id": "google-grey-700",
        "name": "Google Grey 700",
        "value": "#5F6368",
        "description": "Secondary text and metadata.",
        "aliases": []
      },
      {
        "id": "google-grey-500",
        "name": "Google Grey 500",
        "value": "#9AA0A6",
        "description": "Tertiary text and disabled UI.",
        "aliases": []
      },
      {
        "id": "google-grey-200",
        "name": "Google Grey 200",
        "value": "#E8EAED",
        "description": "Hairline borders and quiet dividers.",
        "aliases": []
      },
      {
        "id": "google-grey-100",
        "name": "Google Grey 100",
        "value": "#F1F3F4",
        "description": "Subtle surface tint — Cloud Console card backgrounds.",
        "aliases": []
      },
      {
        "id": "google-grey-50",
        "name": "Google Grey 50",
        "value": "#F8F9FA",
        "description": "Page-level background tint.",
        "aliases": []
      },
      {
        "id": "google-white",
        "name": "Google White",
        "value": "#FFFFFF",
        "description": "Primary canvas on light surfaces.",
        "aliases": []
      },
      {
        "id": "google-grey-1000",
        "name": "Google Grey 1000",
        "value": "#171717",
        "description": "Dark-mode canvas — used on cloud.google.com dark hero.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "google-white",
          "surface": "google-grey-50",
          "surface-elevated": "google-white",
          "text-primary": "google-grey-900",
          "text-secondary": "google-grey-700",
          "text-tertiary": "google-grey-500",
          "primary": "cloud-blue-600",
          "primary-hover": "cloud-blue-700",
          "accent": "google-blue",
          "accent-hover": "cloud-blue-600",
          "warning": "google-yellow",
          "warning-hover": "google-red",
          "error": "google-red",
          "success": "google-green"
        }
      },
      "dark": {
        "roles": {
          "background": "google-grey-1000",
          "surface": "google-grey-900",
          "surface-elevated": "google-grey-700",
          "text-primary": "google-white",
          "text-secondary": "google-grey-200",
          "text-tertiary": "google-grey-500",
          "primary": "google-blue",
          "primary-hover": "cloud-blue-600",
          "accent": "google-blue",
          "accent-hover": "cloud-blue-600",
          "warning": "google-yellow",
          "warning-hover": "google-red",
          "error": "google-red",
          "success": "google-green"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "google-sans@1.0.0",
      "family": "Google Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Google Sans",
        "notes": "Proprietary font; no public Google Fonts URL. Cross-platform consumers must fall back to Roboto or an open geometric sans via the fallbackStack below.\n"
      },
      "fallbackStack": [
        "Roboto",
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        }
      ]
    },
    {
      "role": "body",
      "ref": "roboto@1.0.0",
      "family": "Roboto",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Roboto",
        "url": "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "role": "mono",
      "ref": "roboto@1.0.0",
      "family": "Roboto",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Roboto",
        "url": "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "cloud-blue-600",
      "on-identity": "google-white",
      "primary": "cloud-blue-600",
      "primary-hover": "cloud-blue-700",
      "accent": "google-blue",
      "accent-hover": "cloud-blue-600",
      "background": "google-white",
      "surface": "google-grey-50",
      "surface-elevated": "google-white",
      "text-primary": "google-grey-900",
      "text-secondary": "google-grey-700",
      "text-tertiary": "google-grey-500",
      "logo-quadrant-blue": "google-blue",
      "logo-quadrant-red": "google-red",
      "logo-quadrant-yellow": "google-yellow",
      "logo-quadrant-green": "google-green",
      "mark": "cloud-blue-600"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.four-color",
      "severity": "error",
      "rationale": "The Google Cloud four-color mark uses the canonical Google brand hues (#4285F4 / #EA4335 / #FBBC04 / #34A853). The Cloud Blue 600 interactive variant is a UI primary, not a logo fill, and the neutral text greys are never used as mark colors.\n",
      "allowed": [
        "google-blue",
        "google-red",
        "google-yellow",
        "google-green"
      ],
      "forbidden": [
        "cloud-blue-600",
        "cloud-blue-700",
        "google-grey-900"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Google's brand guidelines explicitly prohibit altering the proportions, colors, or arrangement of the Google Cloud mark. The four-color order is fixed; monochrome treatments are not part of the published brand system.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "on-busy-photo",
        "mark-reordered",
        "mark-monochrome"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "Google Grey 900 (#202124) on Google White gives ~16:1 — well above WCAG 2.1 Level AA. Material Design's accessibility guidance specifies AA as the floor for text-on-background pairings on Google Cloud surfaces.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Cloud Blue 600 (#1A73E8) on Google White gives ~5.0:1 — clearing WCAG AA for body-sized interactive text. The console's link / button labels rely on this contrast to stay legible at standard body sizes.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.primary",
      "severity": "recommendation",
      "rationale": "The console primary Cloud Blue pairs cleanly against the neutral surface ramp. Placing Cloud Blue directly adjacent to large fills of Google Red or Yellow creates a status- color conflict (error/warning hues against the primary action) that reads as a UI defect rather than a brand composition.\n",
      "pairsWith": [
        "google-white",
        "google-grey-50",
        "google-grey-100"
      ],
      "doesNotPairWith": [
        "google-red",
        "google-yellow"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.accent",
      "severity": "error",
      "rationale": "Google Blue is the brand accent and link color. The destructive / error role is reserved for Google Red. Substituting blue for red on destructive surfaces breaks the Material color-meaning contract.\n",
      "forbiddenContexts": [
        "error-state",
        "validation-failure",
        "destructive-action"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Material Design tokens are AA-compliant by construction; cloud.google.com and the Cloud Console both inherit that floor.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    },
    {
      "type": "fontPairing",
      "target": "typography.heading",
      "severity": "recommendation",
      "rationale": "Google Cloud surfaces use Google Sans for display and Roboto for body — two distinct families. A 1.5× heading- to-body ratio preserves the typographic distinction between the marketing display voice and the dense reference-documentation body.\n",
      "requires": "body",
      "minSizeRatio": 1.5
    }
  ]
}