{
  "$description": "Vercel brand tokens from unfairly.ai/brand-guidelines/vercel, checked 2026-10-31. Design Tokens Community Group format 2025.10.",
  "color": {
    "paper": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.98,
          0.98,
          0.98
        ],
        "hex": "#fafafa"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.302,
          0.302,
          0.302
        ],
        "hex": "#4d4d4d"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "accent-secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.447,
          0.961
        ],
        "hex": "#0072f5"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.929,
          0.929,
          0.929
        ],
        "hex": "#ededed"
      }
    },
    "hairline": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.922,
          0.922
        ],
        "hex": "#ebebeb"
      }
    },
    "background-1-background-100": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "background-2-background-200": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.98,
          0.98,
          0.98
        ],
        "hex": "#fafafa"
      }
    },
    "gray-100": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.949,
          0.949,
          0.949
        ],
        "hex": "#f2f2f2"
      }
    },
    "gray-200": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.922,
          0.922
        ],
        "hex": "#ebebeb"
      }
    },
    "gray-300": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.902,
          0.902,
          0.902
        ],
        "hex": "#e6e6e6"
      }
    },
    "gray-400": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.922,
          0.922
        ],
        "hex": "#ebebeb"
      }
    },
    "gray-500": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.788,
          0.788,
          0.788
        ],
        "hex": "#c9c9c9"
      }
    },
    "gray-600": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.659,
          0.659,
          0.659
        ],
        "hex": "#a8a8a8"
      }
    },
    "gray-700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.561,
          0.561,
          0.561
        ],
        "hex": "#8f8f8f"
      }
    },
    "gray-800": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.49,
          0.49,
          0.49
        ],
        "hex": "#7d7d7d"
      }
    },
    "gray-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.302,
          0.302,
          0.302
        ],
        "hex": "#4d4d4d"
      }
    },
    "gray-1000": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "blue-700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.447,
          0.961
        ],
        "hex": "#0072f5"
      }
    },
    "blue-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.408,
          0.839
        ],
        "hex": "#0068d6"
      }
    },
    "blue-600-gradient-top-observed": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.322,
          0.682,
          1
        ],
        "hex": "#52aeff"
      }
    },
    "status-blue-observed": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.439,
          0.953
        ],
        "hex": "#0070f3"
      }
    },
    "red-700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.898,
          0.282,
          0.302
        ],
        "hex": "#e5484d"
      }
    },
    "red-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.796,
          0.165,
          0.184
        ],
        "hex": "#cb2a2f"
      }
    },
    "amber-700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.698,
          0.141
        ],
        "hex": "#ffb224"
      }
    },
    "amber-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.639,
          0.322,
          0
        ],
        "hex": "#a35200"
      }
    },
    "green-700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.271,
          0.647,
          0.341
        ],
        "hex": "#45a557"
      }
    },
    "green-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.161,
          0.478,
          0.227
        ],
        "hex": "#297a3a"
      }
    },
    "teal-700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.071,
          0.647,
          0.58
        ],
        "hex": "#12a594"
      }
    },
    "teal-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.024,
          0.478,
          0.431
        ],
        "hex": "#067a6e"
      }
    },
    "purple-700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.557,
          0.306,
          0.776
        ],
        "hex": "#8e4ec6"
      }
    },
    "purple-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.471,
          0.125,
          0.737
        ],
        "hex": "#7820bc"
      }
    },
    "pink-700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.918,
          0.243,
          0.514
        ],
        "hex": "#ea3e83"
      }
    },
    "pink-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.741,
          0.157,
          0.392
        ],
        "hex": "#bd2864"
      }
    },
    "dark-background-1": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.039,
          0.039,
          0.039
        ],
        "hex": "#0a0a0a"
      }
    },
    "dark-background-2": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "dark-gray-1000": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.929,
          0.929,
          0.929
        ],
        "hex": "#ededed"
      }
    },
    "dark-gray-400": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.18,
          0.18,
          0.18
        ],
        "hex": "#2e2e2e"
      }
    },
    "dark-gray-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.631,
          0.631,
          0.631
        ],
        "hex": "#a1a1a1"
      }
    },
    "terminal-light-ground": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.984,
          0.984,
          0.98
        ],
        "hex": "#fbfbfa"
      }
    },
    "button-primary-pill-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "button-primary-pill-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-secondary-pill-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-secondary-pill-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "button-secondary-pill-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.922,
          0.922
        ],
        "hex": "#ebebeb"
      }
    },
    "nav-button-primary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "nav-button-primary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "nav-button-secondary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "nav-button-secondary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "nav-button-secondary-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.922,
          0.922
        ],
        "hex": "#ebebeb"
      }
    },
    "card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.98,
          0.98,
          0.98
        ],
        "hex": "#fafafa"
      }
    },
    "card-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.922,
          0.922
        ],
        "hex": "#ebebeb"
      }
    },
    "badge-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.922,
          0.922
        ],
        "hex": "#ebebeb"
      }
    },
    "badge-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "chat-bubble-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "chat-bubble-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "chat-bubble-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.922,
          0.922
        ],
        "hex": "#ebebeb"
      }
    },
    "onboard-chip-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "onboard-chip-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "onboard-chip-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.922,
          0.922
        ],
        "hex": "#ebebeb"
      }
    },
    "two-tone-lead-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.302,
          0.302,
          0.302
        ],
        "hex": "#4d4d4d"
      }
    },
    "two-tone-lead-on": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    },
    "feature-list-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09,
          0.09,
          0.09
        ],
        "hex": "#171717"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Geist",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "Geist Sans"
      ],
      "$description": "Vercel's own face (Open (SIL OFL 1.1). Vercel in collaboration with basement.studio; npm geist 1.9.0, Google Fonts, or .zip). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Geist",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "Geist Sans"
      ],
      "$description": "Vercel's own face (Open (SIL OFL 1.1)). The stand-in above is the open alternative."
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "Geist Mono",
        "ui-monospace",
        "Menlo",
        "monospace"
      ]
    }
  },
  "typography": {
    "display-xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist}",
        "fontSize": {
          "value": 64,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1,
        "letterSpacing": {
          "value": -3.84,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 48,
          "provenance": "observed"
        }
      }
    },
    "display-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist}",
        "fontSize": {
          "value": 56,
          "unit": "px"
        },
        "fontWeight": 450,
        "lineHeight": 1,
        "letterSpacing": {
          "value": -3.36,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "provenance": "observed"
        }
      }
    },
    "lead": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 450,
        "lineHeight": 1.3333,
        "letterSpacing": {
          "value": -0.96,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 24,
          "provenance": "observed"
        }
      }
    },
    "title-m": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 450,
        "lineHeight": 1.1,
        "letterSpacing": {
          "value": -1.2,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 24,
          "provenance": "observed"
        }
      }
    },
    "body-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 450,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": -0.32,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "provenance": "observed"
        }
      }
    },
    "button-16": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "provenance": "observed"
        }
      }
    },
    "body-s": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.4286,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "provenance": "observed"
        }
      }
    },
    "copy-13": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist}",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.3846,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 13,
          "provenance": "observed"
        }
      }
    },
    "label-11": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist}",
        "fontSize": {
          "value": 11,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.818,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 11,
          "provenance": "observed"
        }
      }
    },
    "mono-16": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist Mono}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "provenance": "observed"
        }
      }
    },
    "mono-12": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.Geist Mono}",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.6667,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 12,
          "provenance": "observed"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "section-padding": {
      "$type": "dimension",
      "$value": {
        "value": 208,
        "unit": "px"
      }
    },
    "section-padding-phone": {
      "$type": "dimension",
      "$value": {
        "value": 80,
        "unit": "px"
      }
    },
    "card-gap": {
      "$type": "dimension",
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 1392,
        "unit": "px"
      }
    },
    "hero-text-max": {
      "$type": "dimension",
      "$value": {
        "value": 444,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 20,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary-pill": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-secondary-pill": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "nav-button-primary": {
      "$type": "dimension",
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "nav-button-secondary": {
      "$type": "dimension",
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "card": {
      "$type": "dimension",
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "badge": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "chat-bubble": {
      "$type": "dimension",
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "onboard-chip": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "motion": {
    "loading-delay-duration": {
      "$type": "duration",
      "$value": {
        "value": 150,
        "unit": "ms"
      }
    },
    "autoplay-limit-duration": {
      "$type": "duration",
      "$value": {
        "value": 5000,
        "unit": "ms"
      }
    }
  }
}