{
  "$description": "HubSpot brand tokens from unfairly.ai/brand-guidelines/hubspot, 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.988,
          0.988,
          0.98
        ],
        "hex": "#fcfcfa"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.122,
          0.122,
          0.122
        ],
        "hex": "#1f1f1f"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.38,
          0.38,
          0.38
        ],
        "hex": "#616161"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.282,
          0
        ],
        "hex": "#ff4800"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "accent-secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.016,
          0.153,
          0.161
        ],
        "hex": "#042729"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.122,
          0.122,
          0.122
        ],
        "hex": "#1f1f1f"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.973,
          0.961,
          0.933
        ],
        "hex": "#f8f5ee"
      }
    },
    "hubspot-orange-orange-08": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.282,
          0
        ],
        "hex": "#ff4800"
      }
    },
    "orange-hover-orange-09": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.788,
          0.216,
          0
        ],
        "hex": "#c93700"
      }
    },
    "orange-pressed-orange-10": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.624,
          0.157,
          0
        ],
        "hex": "#9f2800"
      }
    },
    "orange-tint-orange-03": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.925,
          0.902
        ],
        "hex": "#fcece6"
      }
    },
    "orange-light-orange-05": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.776,
          0.694
        ],
        "hex": "#fcc6b1"
      }
    },
    "neutral-13-text-01": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.122,
          0.122,
          0.122
        ],
        "hex": "#1f1f1f"
      }
    },
    "white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "cream-01-background-01": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.988,
          0.98
        ],
        "hex": "#fcfcfa"
      }
    },
    "cream-03-text-on-dark": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.973,
          0.961,
          0.933
        ],
        "hex": "#f8f5ee"
      }
    },
    "teal-13-dark-background-01": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.016,
          0.153,
          0.161
        ],
        "hex": "#042729"
      }
    },
    "teal-12-dark-background-02": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.204,
          0.212
        ],
        "hex": "#093436"
      }
    },
    "agent-band-base": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.871,
          0.824
        ],
        "hex": "#fcded2"
      }
    },
    "gradient-peach": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.647,
          0.506
        ],
        "hex": "#ffa581"
      }
    },
    "gradient-pink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.992,
          0.749,
          0.859
        ],
        "hex": "#fdbfdb"
      }
    },
    "gradient-magenta": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.976,
          0.224,
          0.651
        ],
        "hex": "#f939a6"
      }
    },
    "gradient-blush": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.984,
          0.875,
          0.914
        ],
        "hex": "#fbdfe9"
      }
    },
    "gradient-shell": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.984,
          0.867,
          0.816
        ],
        "hex": "#fbddd0"
      }
    },
    "gradient-orange": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.286,
          0
        ],
        "hex": "#ff4900"
      }
    },
    "agent-ui-plum": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.369,
          0.016,
          0.231
        ],
        "hex": "#5e043b"
      }
    },
    "teal-11-link-02": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.071,
          0.271,
          0.282
        ],
        "hex": "#124548"
      }
    },
    "teal-08-focus": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.184,
          0.459,
          0.475
        ],
        "hex": "#2f7579"
      }
    },
    "hairline": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.89,
          0.89,
          0.89
        ],
        "hex": "#e3e3e3"
      }
    },
    "muted-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.38,
          0.38,
          0.38
        ],
        "hex": "#616161"
      }
    },
    "footer-muted-link": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.647,
          0.647,
          0.647
        ],
        "hex": "#a5a5a5"
      }
    },
    "purple-beta": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.49,
          0.325,
          0.914
        ],
        "hex": "#7d53e9"
      }
    },
    "purple-beta-tint": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.898,
          0.882,
          0.98
        ],
        "hex": "#e5e1fa"
      }
    },
    "success-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.51,
          0.227
        ],
        "hex": "#00823a"
      }
    },
    "error-red": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.851,
          0,
          0.169
        ],
        "hex": "#d9002b"
      }
    },
    "warning-yellow": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.933,
          0.694,
          0.09
        ],
        "hex": "#eeb117"
      }
    },
    "sage-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.725,
          0.804,
          0.745
        ],
        "hex": "#b9cdbe"
      }
    },
    "lavender-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.839,
          0.761,
          0.851
        ],
        "hex": "#d6c2d9"
      }
    },
    "magenta-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.765,
          0.863
        ],
        "hex": "#fcc3dc"
      }
    },
    "neutral-08": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.404,
          0.396,
          0.396
        ],
        "hex": "#676565"
      }
    },
    "neutral-05": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.812,
          0.8,
          0.796
        ],
        "hex": "#cfcccb"
      }
    },
    "black": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "button-primary-on-light-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.282,
          0
        ],
        "hex": "#ff4800"
      }
    },
    "button-primary-on-light-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-secondary-on-light-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-secondary-on-light-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.282,
          0
        ],
        "hex": "#ff4800"
      }
    },
    "button-secondary-on-light-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.282,
          0
        ],
        "hex": "#ff4800"
      }
    },
    "button-outline-on-light-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.122,
          0.122,
          0.122
        ],
        "hex": "#1f1f1f"
      }
    },
    "button-outline-on-light-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.122,
          0.122,
          0.122
        ],
        "hex": "#1f1f1f"
      }
    },
    "button-secondary-on-dark-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.973,
          0.961,
          0.933
        ],
        "hex": "#f8f5ee"
      }
    },
    "button-secondary-on-dark-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.973,
          0.961,
          0.933
        ],
        "hex": "#f8f5ee"
      }
    },
    "text-link-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.122,
          0.122,
          0.122
        ],
        "hex": "#1f1f1f"
      }
    },
    "tagline-chip-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "product-card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "agent-card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "testimonial-card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "tab-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.122,
          0.122,
          0.122
        ],
        "hex": "#1f1f1f"
      }
    },
    "round-control-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Literata",
        "Georgia",
        "Times New Roman",
        "serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "HubSpot Serif"
      ],
      "$description": "HubSpot's own face (Proprietary (HubSpot). Stand-in: Literata (SIL OFL 1.1)). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Onest",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "HubSpot Sans"
      ],
      "$description": "HubSpot's own face (Proprietary (HubSpot). Stand-in: Onest (SIL OFL 1.1)). The stand-in above is the open alternative."
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "JetBrains Mono",
        "Menlo",
        "monospace"
      ]
    }
  },
  "typography": {
    "display-xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Serif}",
        "fontSize": {
          "value": 65,
          "unit": "px"
        },
        "fontWeight": 320,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 40,
          "provenance": "observed"
        }
      }
    },
    "display-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Serif}",
        "fontSize": {
          "value": 48,
          "unit": "px"
        },
        "fontWeight": 320,
        "lineHeight": 1.154,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 40,
          "provenance": "observed"
        }
      }
    },
    "h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Serif}",
        "fontSize": {
          "value": 40,
          "unit": "px"
        },
        "fontWeight": 320,
        "lineHeight": 1.1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "provenance": "observed"
        }
      }
    },
    "stat": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Serif}",
        "fontSize": {
          "value": 40,
          "unit": "px"
        },
        "fontWeight": 480,
        "lineHeight": 1.1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 40,
          "provenance": "observed"
        }
      }
    },
    "caption-serif": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Serif}",
        "fontSize": {
          "value": 28,
          "unit": "px"
        },
        "fontWeight": 320,
        "lineHeight": 1.1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 28,
          "provenance": "observed"
        }
      }
    },
    "h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Sans}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.417,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 24,
          "provenance": "observed"
        }
      }
    },
    "h4": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Sans}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.15,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "provenance": "observed"
        }
      }
    },
    "h5": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Sans}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.556,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 18,
          "provenance": "observed"
        }
      }
    },
    "p-large": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Sans}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.778,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 18,
          "provenance": "observed"
        }
      }
    },
    "p-medium": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Sans}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.75,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "provenance": "observed"
        }
      }
    },
    "label-m": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Sans}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.75,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "provenance": "observed"
        }
      }
    },
    "p-small": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Sans}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.571,
        "letterSpacing": {
          "value": -0.1,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "provenance": "observed"
        }
      }
    },
    "micro": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.HubSpot Sans}",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.667,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 12,
          "provenance": "observed"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 110,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "section-padding": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "section-padding-phone": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "card-gap": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 1220,
        "unit": "px"
      }
    },
    "hero-text-max": {
      "$type": "dimension",
      "$value": {
        "value": 1078,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 128,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary-on-light": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "button-secondary-on-light": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "button-outline-on-light": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "button-secondary-on-dark": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "tagline-chip": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "product-card": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "agent-card": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "testimonial-card": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "round-control": {
      "$type": "dimension",
      "$value": {
        "value": 9999,
        "unit": "px"
      }
    }
  },
  "motion": {
    "button-color-duration": {
      "$type": "duration",
      "$value": {
        "value": 150,
        "unit": "ms"
      }
    },
    "text-link-underline-duration": {
      "$type": "duration",
      "$value": {
        "value": 300,
        "unit": "ms"
      }
    },
    "carousel-slide-duration": {
      "$type": "duration",
      "$value": {
        "value": 300,
        "unit": "ms"
      }
    }
  }
}