{
  "id": "google",
  "version": "1.0.0",
  "name": "Google",
  "description": "Google LLC is a global technology company best known for Search and the Android ecosystem, with a portfolio that spans Chrome, YouTube, Maps, Workspace (Gmail, Docs, Drive), Cloud (GCP), AI (Gemini), and the Pixel hardware line. The visual identity is built around four signature colors — Blue, Red, Yellow, Green — that animate the wordmark, the \"G\" mark, and Material Design's primary palette. The voice is approachable, optimistic, and information-clear: built for consumer scale while still carrying engineering credibility.\n",
  "provenance": {
    "source": "https://about.google/brand-resource-center/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Google, the Google logo, the multicolor \"G\" mark, Android, Material Design, and related names and marks are trademarks of Google LLC. Brand colors and identity guidance documented here are derived from the Google Brand Resource Center (about.google/brand-resource-center/) and the Material Design 3 color reference (m3.material.io/styles/color).\n",
    "importedDate": "2026-05-17",
    "notes": "Brand-atoms' read of Google's public brand and Material Design guidance. This file is not an official Google brand document. Google's logo and product marks are among the most-protected trademarks on the internet; no asset files are bundled here.\n"
  },
  "tags": [
    "tech",
    "google",
    "material",
    "search",
    "consumer"
  ],
  "palette": {
    "ref": "google@1.0.0",
    "swatches": [
      {
        "id": "google-blue",
        "name": "Google Blue",
        "value": "#4285F4",
        "description": "First letter of the Google wordmark and the dominant brand blue. Material Design's \"Blue 500\" — the primary CTA color across many Google product surfaces.\n",
        "aliases": []
      },
      {
        "id": "google-red",
        "name": "Google Red",
        "value": "#EA4335",
        "description": "Second letter of the wordmark. Material's \"Red 500\" — used as the error / destructive color across Google product UI.\n",
        "aliases": []
      },
      {
        "id": "google-yellow",
        "name": "Google Yellow",
        "value": "#FBBC04",
        "description": "Third letter of the wordmark. Material's \"Yellow 600\" — used for highlight, warning, and starred / favorited states.\n",
        "aliases": []
      },
      {
        "id": "google-green",
        "name": "Google Green",
        "value": "#34A853",
        "description": "Fifth letter of the wordmark. Material's \"Green 500\" — used as the success / confirmation color across Google product UI.\n",
        "aliases": []
      },
      {
        "id": "google-grey-900",
        "name": "Google Grey 900",
        "value": "#202124",
        "description": "Primary text on light backgrounds; Material's \"Grey 900\" near-black.",
        "aliases": []
      },
      {
        "id": "google-grey-700",
        "name": "Google Grey 700",
        "value": "#5F6368",
        "description": "Secondary text and inactive icons. Material's \"Grey 700\".",
        "aliases": []
      },
      {
        "id": "google-grey-500",
        "name": "Google Grey 500",
        "value": "#9AA0A6",
        "description": "Tertiary text and dividers. Material's \"Grey 500\".",
        "aliases": []
      },
      {
        "id": "google-grey-200",
        "name": "Google Grey 200",
        "value": "#E8EAED",
        "description": "Subtle surface and divider tint. Material's \"Grey 200\".",
        "aliases": []
      },
      {
        "id": "google-grey-100",
        "name": "Google Grey 100",
        "value": "#F1F3F4",
        "description": "Page-level background; Material's \"Grey 100\".",
        "aliases": []
      },
      {
        "id": "google-white",
        "name": "Google White",
        "value": "#FFFFFF",
        "description": "Base background and reversed surface fill.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "google-white",
          "surface": "google-grey-100",
          "surface-elevated": "google-white",
          "text-primary": "google-grey-900",
          "text-secondary": "google-grey-700",
          "text-tertiary": "google-grey-500",
          "primary": "google-blue",
          "primary-hover": "google-blue",
          "accent": "google-green",
          "accent-hover": "google-green",
          "warning": "google-yellow",
          "warning-hover": "google-yellow",
          "error": "google-red",
          "success": "google-green"
        }
      },
      "dark": {
        "roles": {
          "background": "google-grey-900",
          "surface": "google-grey-700",
          "surface-elevated": "google-grey-500",
          "text-primary": "google-white",
          "text-secondary": "google-grey-200",
          "text-tertiary": "google-grey-500",
          "primary": "google-blue",
          "primary-hover": "google-blue",
          "accent": "google-green",
          "accent-hover": "google-green",
          "warning": "google-yellow",
          "warning-hover": "google-yellow",
          "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": "jetbrainsmono-nerdfont@1.0.0",
      "family": "JetBrainsMono Nerd Font",
      "classification": "monospace",
      "source": {
        "kind": "external",
        "family": "JetBrainsMono Nerd Font",
        "notes": "Nerd-Font-patched build of JetBrains Mono. Not available via Google Fonts. Download woff2/ttf files from the Nerd Fonts GitHub release and self-host, or install system-wide for terminal/IDE use.\n"
      },
      "fallbackStack": [
        "JetBrains Mono",
        "Fira Code",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "monospace"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "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": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "google-blue",
      "on-identity": "google-white",
      "primary": "google-blue",
      "primary-hover": "google-blue",
      "accent": "google-green",
      "background": "google-white",
      "surface": "google-grey-100",
      "text-primary": "google-grey-900",
      "text-secondary": "google-grey-700",
      "wordmark-blue": "google-blue",
      "wordmark-red": "google-red",
      "wordmark-yellow": "google-yellow",
      "wordmark-green": "google-green"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.wordmark",
      "severity": "error",
      "rationale": "Google's wordmark and \"G\" mark use the canonical four-color set in the specified G-o-o-g-l-e order (blue / red / yellow / blue / green / red). Monochromatic uses are reserved for special contexts that Google's brand center calls out explicitly.\n",
      "allowed": [
        "google-blue",
        "google-red",
        "google-yellow",
        "google-green"
      ],
      "forbidden": [
        "google-grey-900",
        "google-grey-700"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Google's brand guidelines explicitly prohibit altering the proportions, color order, or orientation of the wordmark and \"G\" mark, and require generous clearspace around the logo.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "on-busy-photo",
        "reordered-colors"
      ]
    },
    {
      "type": "fontPairing",
      "target": "typography.heading",
      "severity": "recommendation",
      "rationale": "Google's marketing surfaces pair Google Sans (display / titles) with Roboto (body / UI). Maintain a meaningful size ratio to preserve the geometric-vs-neogrotesque voice split between the two families.\n",
      "requires": "body",
      "minSizeRatio": 1.5
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "WCAG 2.1 Level AA contrast requirement for body text. Google Grey 900 (#202124) on Google White clears AA at ~16:1, and Material Design's accessibility guidance specifies AA as the floor for text-on-surface pairings.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Google Blue on Google White must remain perceptible at link / large-text sizes. Below 3:1 the affordance for \"clickable\" collapses on Material surfaces.\n",
      "against": "background",
      "minRatio": 3,
      "standard": "WCAG-AA-large"
    },
    {
      "type": "colorChoice",
      "target": "roles.colors.error",
      "severity": "error",
      "rationale": "Material Design uses Google Red (#EA4335) as the canonical error / destructive color across product UI. Other reds dilute the signal.\n",
      "allowed": [
        "google-red"
      ]
    },
    {
      "type": "colorChoice",
      "target": "roles.colors.success",
      "severity": "recommendation",
      "rationale": "Material Design uses Google Green (#34A853) as the canonical success / confirmation color. Other greens are acceptable in illustration but should not be used for confirmation chrome.\n",
      "allowed": [
        "google-green"
      ]
    }
  ]
}