{
  "$description": "Twilio brand tokens from unfairly.ai/brand-guidelines/twilio, 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.953,
          0.957,
          0.969
        ],
        "hex": "#f3f4f7"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.051,
          0.145
        ],
        "hex": "#000d25"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.376,
          0.42,
          0.522
        ],
        "hex": "#606b85"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.094,
          0.4,
          0.933
        ],
        "hex": "#1866ee"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "accent-secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.937,
          0.133,
          0.227
        ],
        "hex": "#ef223a"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.051,
          0.145
        ],
        "hex": "#000d25"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "ink-blue-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.051,
          0.145
        ],
        "hex": "#000d25"
      }
    },
    "white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "utility-gray-gray-50": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.957,
          0.969
        ],
        "hex": "#f3f4f7"
      }
    },
    "action-blue-blue-500": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.094,
          0.4,
          0.933
        ],
        "hex": "#1866ee"
      }
    },
    "action-blue-hover-blue-700": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.055,
          0.243,
          0.573
        ],
        "hex": "#0e3e92"
      }
    },
    "code-navy-blue-850": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.031,
          0.122,
          0.278
        ],
        "hex": "#081f47"
      }
    },
    "card-navy-gray-850": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.098,
          0.122,
          0.212
        ],
        "hex": "#191f36"
      }
    },
    "panel-navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.098,
          0.118,
          0.212
        ],
        "hex": "#191e36"
      }
    },
    "twilio-red-logo": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.949,
          0.184,
          0.275
        ],
        "hex": "#f22f46"
      }
    },
    "red-light": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.937,
          0.133,
          0.227
        ],
        "hex": "#ef223a"
      }
    },
    "accessible-red": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.694,
          0.059,
          0.137
        ],
        "hex": "#b10f23"
      }
    },
    "twilio-red-60-paste": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.859,
          0.075,
          0.165
        ],
        "hex": "#db132a"
      }
    },
    "footer-link-gray-gray-30": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.792,
          0.804,
          0.847
        ],
        "hex": "#cacdd8"
      }
    },
    "hairline-gray-gray-100": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.867,
          0.878,
          0.902
        ],
        "hex": "#dde0e6"
      }
    },
    "code-comment": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.463,
          0.533,
          0.761
        ],
        "hex": "#7688c2"
      }
    },
    "sky-blue-200": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.227,
          0.808,
          0.98
        ],
        "hex": "#3acefa"
      }
    },
    "paper-warm": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.992,
          0.969,
          0.957
        ],
        "hex": "#fdf7f4"
      }
    },
    "night-blue-80": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.078,
          0.537
        ],
        "hex": "#001489"
      }
    },
    "paste-blue-60": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.008,
          0.388,
          0.878
        ],
        "hex": "#0263e0"
      }
    },
    "paste-gray-60": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.376,
          0.42,
          0.522
        ],
        "hex": "#606b85"
      }
    },
    "paste-gray-100": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.071,
          0.11,
          0.176
        ],
        "hex": "#121c2d"
      }
    },
    "paste-green-50": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.212,
          0.835,
          0.463
        ],
        "hex": "#36d576"
      }
    },
    "paste-orange-60": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.957,
          0.486,
          0.133
        ],
        "hex": "#f47c22"
      }
    },
    "paste-purple-60": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.427,
          0.18,
          0.82
        ],
        "hex": "#6d2ed1"
      }
    },
    "paste-yellow-50": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.98,
          0.82,
          0
        ],
        "hex": "#fad100"
      }
    },
    "button-primary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.094,
          0.4,
          0.933
        ],
        "hex": "#1866ee"
      }
    },
    "button-primary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-secondary-on-dark-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-secondary-on-dark-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-nav-primary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.094,
          0.4,
          0.933
        ],
        "hex": "#1866ee"
      }
    },
    "button-nav-primary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-nav-outline-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.094,
          0.4,
          0.933
        ],
        "hex": "#1866ee"
      }
    },
    "button-nav-outline-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.094,
          0.4,
          0.933
        ],
        "hex": "#1866ee"
      }
    },
    "text-link-on-dark-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "card-analyst-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.098,
          0.122,
          0.212
        ],
        "hex": "#191f36"
      }
    },
    "badge-new-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.937,
          0.133,
          0.227
        ],
        "hex": "#ef223a"
      }
    },
    "badge-new-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "code-sample-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.031,
          0.122,
          0.278
        ],
        "hex": "#081f47"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Open Sans",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "Whitney SSm"
      ],
      "$description": "Twilio's own face (Commercial (Hoefler&Co. / Typography.com web font). Paste names Twilio Sans Display as the brand display face). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Open Sans",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "Whitney SSm"
      ],
      "$description": "Twilio's own face (Commercial (Hoefler&Co.). Paste names Twilio Sans Text for UI text). The stand-in above is the open alternative."
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "JetBrains Mono",
        "Menlo",
        "Consolas",
        "monospace"
      ]
    },
    "mono-original": {
      "$type": "fontFamily",
      "$value": [
        "Twilio Sans Mono"
      ],
      "$description": "Twilio's own face (Twilio's own face (self-hosted on twilio.com for Paste); not an open licence). The stand-in above is the open alternative."
    }
  },
  "typography": {
    "display-xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 56,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.18,
        "letterSpacing": {
          "value": -1.68,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 34,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "display-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 40,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": -0.8,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 28,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "display-num": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 64,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": -1.92,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 64,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "title-xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 28,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.286,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 28,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "lead": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.6,
        "letterSpacing": {
          "value": 0.2,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 18,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.6,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 18,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "body-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.556,
        "letterSpacing": {
          "value": 0.18,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "caption-strong": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.556,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 550,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "body-s": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.43,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 12,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.43,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "micro": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 12,
          "family": "Open Sans",
          "provenance": "observed"
        }
      }
    },
    "code": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.mono}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 300,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "JetBrains Mono",
          "provenance": "observed"
        }
      }
    },
    "stat": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.stat}",
        "fontSize": {
          "value": 80,
          "unit": "px"
        },
        "fontWeight": 800,
        "lineHeight": 0.525,
        "letterSpacing": {
          "value": 5,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 80,
          "provenance": "observed"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 120,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "section-padding": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "section-padding-phone": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "card-gap": {
      "$type": "dimension",
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 1200,
        "unit": "px"
      }
    },
    "hero-text-max": {
      "$type": "dimension",
      "$value": {
        "value": 576,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 112,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 48,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-secondary-on-dark": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-nav-primary": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-nav-outline": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "card-analyst": {
      "$type": "dimension",
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "badge-new": {
      "$type": "dimension",
      "$value": {
        "value": 10,
        "unit": "px"
      }
    },
    "code-sample": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    }
  },
  "motion": {
    "button-duration": {
      "$type": "duration",
      "$value": {
        "value": 300,
        "unit": "ms"
      }
    },
    "card-duration": {
      "$type": "duration",
      "$value": {
        "value": 180,
        "unit": "ms"
      }
    },
    "media-fade-duration": {
      "$type": "duration",
      "$value": {
        "value": 300,
        "unit": "ms"
      }
    },
    "badge-duration": {
      "$type": "duration",
      "$value": {
        "value": 700,
        "unit": "ms"
      }
    }
  }
}