design.md

AI-ready Markdown · Human-readable · 96 tokens

Preview

# google.com Design System

> Inspected by UI Archive — https://ui-archive.com/google.com
> Last updated: 2026-04-22

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-coemy | #1f1f1f | Defined in :root as --COEmY |
| --color-vze0jb | #a3c9ff | Defined in :root as --vZe0jb |
| --color-vuzxbd | #001d35 | Defined in :root as --VuZXBd |
| --color-ulz37c | #545d7e | Defined in :root as --uLz37c |
| --color-tyvyld | #0b57d0 | Defined in :root as --TyVYld |
| --color-deestf | #f5f8ff | Defined in :root as --DEeStf |
| --color-brlwe | #d3e3fd | Defined in :root as --BRLwE |
| --color-ixoxue | #636363 | Defined in :root as --IXoxUe |
| --color-jkqx2 | #1a0dab | Defined in :root as --JKqx2 |
| --color-ywz01c | #fbbc04 | Defined in :root as --ywz01c |
| --color-gvukcd | rgba(0,0,0,0.6) | Defined in :root as --gVUKcd |
| --color-qdhzf | rgba(0,0,0,.6) | Defined in :root as --qdHZF |

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-google-sans-text | Google Sans Text, Roboto, Helvetica, Arial, sans-serif | 14px |
| --font-size-google-sans | Google Sans, Arial, sans-serif | 28px |
| --font-size-google-sans-2 | Google Sans, Arial, sans-serif | 24px |
| --font-size-google-sans-3 | Google Sans, Arial, sans-serif | 18px |

All Tokens

Colors

25

Typography

14

Spacing

29

Radius

16

Shadows

12

Checking your plan…

Also available: Tokens Studio JSON

W3C DTCG format, ready to import into Figma via the Tokens Studio plugin.

View JSON export →