# Twilio Brand Identity

A complete profile of **Twilio**'s visual system — colors, typography, components, and personality — extracted from https://twilio.com. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/twilio
- Machine-readable JSON: https://characterquilt.com/branding/twilio.json
- Per-page llms.txt: https://characterquilt.com/branding/twilio/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #B10F23 |
| Accent | #000D25 |
| Body Font | Whitney SSm |
| Heading Font | Whitney SSm |

## Color Palette

- primary: #B10F23
- secondary: #1866EE
- accent: #000D25
- background: #000D25
- textPrimary: #000D25
- link: #000D25

## Typography

- primary: Whitney SSm — https://fonts.google.com/specimen/Whitney+SSm
- heading: Whitney SSm — https://fonts.google.com/specimen/Whitney+SSm

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20133%2048%22%20class%3D%22customer-logo%22%20data-fc-idx%3D%220%22%3E%0A%3Ctitle%20style%3D%22fill%3A%20none%20!important%3B%22%3ETwilio%20logo%3C%2Ftitle%3E%0A%20%20%3Cg%20class%3D%22twilio%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%3Cg%20class%3D%22path-fill%20logo-fill%22%20style%3D%22fill%3A%20rgb(219%2C%2019%2C%2042)%20!important%3B%22%3E%0A%3Cpath%20d%3D%22M15%2032.8462C17.1242%2032.8462%2018.8461%2031.1242%2018.8461%2029C18.8461%2026.8758%2017.1242%2025.1539%2015%2025.1539C12.8758%2025.1539%2011.1538%2026.8758%2011.1538%2029C11.1538%2031.1242%2012.8758%2032.8462%2015%2032.8462ZM15%2022.8462C17.1242%2022.8462%2018.8461%2021.1242%2018.8461%2019C18.8461%2016.8758%2017.1242%2015.1538%2015%2015.1538C12.8758%2015.1538%2011.1538%2016.8758%2011.1538%2019C11.1538%2021.1242%2012.8758%2022.8462%2015%2022.8462ZM25%2032.8462C27.1242%2032.8462%2028.8462%2031.1242%2028.8462%2029C28.8462%2026.8758%2027.1242%2025.1539%2025%2025.1539C22.8758%2025.1539%2021.1538%2026.8758%2021.1538%2029C21.1538%2031.1242%2022.8758%2032.8462%2025%2032.8462ZM25%2022.8462C27.1242%2022.8462%2028.8462%2021.1242%2028.8462%2019C28.8462%2016.8758%2027.1242%2015.1538%2025%2015.1538C22.8758%2015.1538%2021.1538%2016.8758%2021.1538%2019C21.1538%2021.1242%2022.8758%2022.8462%2025%2022.8462ZM20%204C30.8333%204%2040%2013.1667%2040%2024C40%2034.8333%2030.8333%2044%2020%2044C9.16668%2044%200%2034.8333%200%2024C0%2013.1668%209.16673%204%2020%204ZM20%209.38461C11.9512%209.38461%205.38462%2015.7238%205.38462%2023.7315C5.38462%2031.7392%2011.9512%2038.6154%2020%2038.6154C28.0488%2038.6154%2034.6154%2031.7392%2034.6154%2023.7315C34.6154%2015.7238%2028.0488%209.38461%2020%209.38461ZM62.6848%2035.9231H68.9693C69.1955%2035.9231%2069.2924%2035.8262%2069.357%2035.6L71.4382%2027.9166L73.4572%2035.6C73.5218%2035.8262%2073.6187%2035.9231%2073.8449%2035.9231H80.1268C80.3852%2035.9231%2080.5468%2035.8262%2080.6114%2035.6L85.0011%2019.3077V35.5354C85.0011%2035.7615%2085.1626%2035.9231%2085.3888%2035.9231H92.3026C92.5287%2035.9231%2092.6903%2035.7615%2092.6903%2035.5354V18.6185C92.6903%2018.3923%2092.5287%2018.2308%2092.3026%2018.2308L78.8307%2018.2321C78.6046%2018.2321%2078.4753%2018.3291%2078.4107%2018.5875L76.8848%2026.4076L75.3482%2018.5875C75.3159%2018.3614%2075.1544%2018.2321%2074.9282%2018.2321H68.0901C67.8639%2018.2321%2067.7024%2018.3614%2067.6701%2018.5875L66.1738%2026.4076L64.6823%2018.5875C64.6177%2018.3291%2064.4885%2018.2321%2064.2623%2018.2321L54.0538%2018.2308V12.4678C54.0538%2012.177%2053.8536%2012.0478%2053.5306%2012.1447L47.1123%2014.215C46.8861%2014.2796%2046.7569%2014.4735%2046.7569%2014.6996L46.7494%2017.4155C46.7494%2018.094%2046.394%2018.3847%2045.7155%2018.3847H44.0563C43.8301%2018.3847%2043.6685%2018.5462%2043.6685%2018.7724V23.6139C43.6685%2023.8401%2043.8301%2024.0016%2044.0563%2024.0016H46.5385V29.8815C46.5385%2034.0492%2048.1785%2036.4046%2053.1861%2036.4046C55.1246%2036.4046%2056.7092%2036.1555%2057.5493%2035.7678C57.8077%2035.6386%2057.9%2035.477%2057.9%2035.2186V30.6413C57.9%2030.3828%2057.6462%2030.2536%2057.3231%2030.4151C56.9031%2030.609%2056.4169%2030.6413%2055.9323%2030.6413C54.64%2030.6413%2054.2276%2030.1567%2054.2276%2028.5413V24.0016H57.238C57.4642%2024.0016%2057.6149%2023.8518%2057.6149%2023.6257V19.3077L62.2002%2035.6C62.2648%2035.8262%2062.4263%2035.9231%2062.6848%2035.9231ZM85.0011%2016.3053C85.0011%2016.5315%2085.1626%2016.6931%2085.3888%2016.6931H92.3026C92.5287%2016.6931%2092.6903%2016.5315%2092.6903%2016.3053V12.4678C92.6903%2012.2416%2092.5287%2012.0801%2092.3026%2012.0801H85.3888C85.1626%2012.0801%2085.0011%2012.2416%2085.0011%2012.4678V16.3053ZM94.2299%2035.5354C94.2299%2035.7615%2094.3914%2035.9231%2094.6176%2035.9231H101.539C101.765%2035.9231%20101.926%2035.7615%20101.926%2035.5354V12.4678C101.926%2012.2416%20101.765%2012.0801%20101.539%2012.0801H94.6176C94.3914%2012.0801%2094.2299%2012.2416%2094.2299%2012.4678V35.5354ZM103.465%2035.5354C103.465%2035.7615%20103.627%2035.9231%20103.853%2035.9231H110.755C110.982%2035.9231%20111.143%2035.7615%20111.143%2035.5354L111.139%2018.6185C111.139%2018.3923%20110.978%2018.2308%20110.752%2018.2308H103.849C103.623%2018.2308%20103.462%2018.3923%20103.462%2018.6185L103.465%2035.5354ZM103.462%2016.3053C103.462%2016.5315%20103.623%2016.6931%20103.849%2016.6931H110.755C110.982%2016.6931%20111.143%2016.5315%20111.143%2016.3053L111.139%2012.4678C111.139%2012.2416%20110.978%2012.0801%20110.752%2012.0801H103.849C103.623%2012.0801%20103.462%2012.2416%20103.462%2012.4678V16.3053ZM112.352%2027.2323C112.352%2032.4985%20116.395%2036.4615%20122.308%2036.4615C128.22%2036.4615%20132.228%2032.4985%20132.228%2027.2323V26.8123C132.228%2021.5462%20128.22%2017.6923%20122.308%2017.6923C116.395%2017.6923%20112.352%2021.5462%20112.352%2026.8123V27.2323ZM119.769%2027.2462V26.9307C119.769%2024.5077%20120.886%2023.56%20122.308%2023.56C123.729%2023.56%20124.852%2024.5077%20124.852%2026.9307V27.2462C124.852%2029.637%20123.729%2030.6369%20122.308%2030.6369C120.886%2030.6369%20119.769%2029.637%20119.769%2027.2462Z%22%20fill%3D%22%23F22F46%22%20style%3D%22fill%3A%20rgb(219%2C%2019%2C%2042)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E
- Favicon: https://www.twilio.com/content/dam/twilio-com/core-assets/social/apple-touch-icon.png
- Social card (og:image): https://www.twilio.com/content/dam/twilio-com/core-assets/social/twilio-com-default-ogimage.png

## Brand Personality

Tone: professional · Energy: medium · Audience: developers and businesses

## Twilio Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **Conversational Intelligence - Transcript Resource | Twilio**
  - Image: https://images.unsplash.com/photo-1554384645-13eab165c24b
  - Source: https://www.twilio.com/docs/conversational-intelligence/api/transcript-resource
- **Twilio Blog | Twilio**
  - Image: https://www.twilio.com/content/dam/twilio-com/core-assets/social/twilio-blog-default-ogimage.png
  - Source: https://www.twilio.com/en-us/blog
- **Data Graph | Twilio**
  - Image: https://docs-resources.prod.twilio.com/e49a24820b1ae8a592ab782559259584304d0375b27aa6a181bd01bb2e2f9bcc.png
  - Source: https://www.twilio.com/docs/segment/unify/data-graph
- **How to Create a Markdown Blog in PHP With the Slim Framework | Twilio**
  - Image: https://www.twilio.com/content/dam/twilio-com/global/en/blog/legacy/2022/create-markdown-blog-php-slim-4/mUro0nAw60lGnrw-Py7L5r1GNWo6m_AaRgveNvHO2RsW9xRTio-uZ2KH3pCFBKVn4FLLwS5OWYVyjD.png
  - Source: https://www.twilio.com/en-us/blog/developers/tutorials/integrations/create-markdown-blog-php-slim-4
- **Speaker Details: SIGNAL 2025 - Sydney**
  - Image: https://assets.swoogo.com/uploads/full/5896532-68dbf476bb831.jpg
  - Source: https://signal.twilio.com/sydney2025/speaker/1941704/paul-magee
- **Twilio Blog | Twilio**
  - Image: https://www.twilio.com/content/dam/twilio-com/global/en/blog/importer-images/p-s/rcs-generally-available/media0/_jcr_content/renditions/compressed-original.webp
  - Source: https://www.twilio.com/en-us/blog

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile

```json
{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Whitney SSm",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#B10F23",
    "secondary": "#1866EE",
    "accent": "#000D25",
    "background": "#000D25",
    "textPrimary": "#000D25",
    "link": "#000D25"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Whitney SSm",
      "heading": "Whitney SSm"
    },
    "fontStacks": {
      "heading": [
        "Whitney SSm",
        "helvetica",
        "arial",
        "sans-serif"
      ],
      "body": [
        "Whitney SSm",
        "helvetica",
        "arial",
        "sans-serif"
      ],
      "paragraph": [
        "Whitney SSm",
        "helvetica",
        "arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "40px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {},
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20133%2048%22%20class%3D%22customer-logo%22%20data-fc-idx%3D%220%22%3E%0A%3Ctitle%20style%3D%22fill%3A%20none%20!important%3B%22%3ETwilio%20logo%3C%2Ftitle%3E%0A%20%20%3Cg%20class%3D%22twilio%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%3Cg%20class%3D%22path-fill%20logo-fill%22%20style%3D%22fill%3A%20rgb(219%2C%2019%2C%2042)%20!important%3B%22%3E%0A%3Cpath%20d%3D%22M15%2032.8462C17.1242%2032.8462%2018.8461%2031.1242%2018.8461%2029C18.8461%2026.8758%2017.1242%2025.1539%2015%2025.1539C12.8758%2025.1539%2011.1538%2026.8758%2011.1538%2029C11.1538%2031.1242%2012.8758%2032.8462%2015%2032.8462ZM15%2022.8462C17.1242%2022.8462%2018.8461%2021.1242%2018.8461%2019C18.8461%2016.8758%2017.1242%2015.1538%2015%2015.1538C12.8758%2015.1538%2011.1538%2016.8758%2011.1538%2019C11.1538%2021.1242%2012.8758%2022.8462%2015%2022.8462ZM25%2032.8462C27.1242%2032.8462%2028.8462%2031.1242%2028.8462%2029C28.8462%2026.8758%2027.1242%2025.1539%2025%2025.1539C22.8758%2025.1539%2021.1538%2026.8758%2021.1538%2029C21.1538%2031.1242%2022.8758%2032.8462%2025%2032.8462ZM25%2022.8462C27.1242%2022.8462%2028.8462%2021.1242%2028.8462%2019C28.8462%2016.8758%2027.1242%2015.1538%2025%2015.1538C22.8758%2015.1538%2021.1538%2016.8758%2021.1538%2019C21.1538%2021.1242%2022.8758%2022.8462%2025%2022.8462ZM20%204C30.8333%204%2040%2013.1667%2040%2024C40%2034.8333%2030.8333%2044%2020%2044C9.16668%2044%200%2034.8333%200%2024C0%2013.1668%209.16673%204%2020%204ZM20%209.38461C11.9512%209.38461%205.38462%2015.7238%205.38462%2023.7315C5.38462%2031.7392%2011.9512%2038.6154%2020%2038.6154C28.0488%2038.6154%2034.6154%2031.7392%2034.6154%2023.7315C34.6154%2015.7238%2028.0488%209.38461%2020%209.38461ZM62.6848%2035.9231H68.9693C69.1955%2035.9231%2069.2924%2035.8262%2069.357%2035.6L71.4382%2027.9166L73.4572%2035.6C73.5218%2035.8262%2073.6187%2035.9231%2073.8449%2035.9231H80.1268C80.3852%2035.9231%2080.5468%2035.8262%2080.6114%2035.6L85.0011%2019.3077V35.5354C85.0011%2035.7615%2085.1626%2035.9231%2085.3888%2035.9231H92.3026C92.5287%2035.9231%2092.6903%2035.7615%2092.6903%2035.5354V18.6185C92.6903%2018.3923%2092.5287%2018.2308%2092.3026%2018.2308L78.8307%2018.2321C78.6046%2018.2321%2078.4753%2018.3291%2078.4107%2018.5875L76.8848%2026.4076L75.3482%2018.5875C75.3159%2018.3614%2075.1544%2018.2321%2074.9282%2018.2321H68.0901C67.8639%2018.2321%2067.7024%2018.3614%2067.6701%2018.5875L66.1738%2026.4076L64.6823%2018.5875C64.6177%2018.3291%2064.4885%2018.2321%2064.2623%2018.2321L54.0538%2018.2308V12.4678C54.0538%2012.177%2053.8536%2012.0478%2053.5306%2012.1447L47.1123%2014.215C46.8861%2014.2796%2046.7569%2014.4735%2046.7569%2014.6996L46.7494%2017.4155C46.7494%2018.094%2046.394%2018.3847%2045.7155%2018.3847H44.0563C43.8301%2018.3847%2043.6685%2018.5462%2043.6685%2018.7724V23.6139C43.6685%2023.8401%2043.8301%2024.0016%2044.0563%2024.0016H46.5385V29.8815C46.5385%2034.0492%2048.1785%2036.4046%2053.1861%2036.4046C55.1246%2036.4046%2056.7092%2036.1555%2057.5493%2035.7678C57.8077%2035.6386%2057.9%2035.477%2057.9%2035.2186V30.6413C57.9%2030.3828%2057.6462%2030.2536%2057.3231%2030.4151C56.9031%2030.609%2056.4169%2030.6413%2055.9323%2030.6413C54.64%2030.6413%2054.2276%2030.1567%2054.2276%2028.5413V24.0016H57.238C57.4642%2024.0016%2057.6149%2023.8518%2057.6149%2023.6257V19.3077L62.2002%2035.6C62.2648%2035.8262%2062.4263%2035.9231%2062.6848%2035.9231ZM85.0011%2016.3053C85.0011%2016.5315%2085.1626%2016.6931%2085.3888%2016.6931H92.3026C92.5287%2016.6931%2092.6903%2016.5315%2092.6903%2016.3053V12.4678C92.6903%2012.2416%2092.5287%2012.0801%2092.3026%2012.0801H85.3888C85.1626%2012.0801%2085.0011%2012.2416%2085.0011%2012.4678V16.3053ZM94.2299%2035.5354C94.2299%2035.7615%2094.3914%2035.9231%2094.6176%2035.9231H101.539C101.765%2035.9231%20101.926%2035.7615%20101.926%2035.5354V12.4678C101.926%2012.2416%20101.765%2012.0801%20101.539%2012.0801H94.6176C94.3914%2012.0801%2094.2299%2012.2416%2094.2299%2012.4678V35.5354ZM103.465%2035.5354C103.465%2035.7615%20103.627%2035.9231%20103.853%2035.9231H110.755C110.982%2035.9231%20111.143%2035.7615%20111.143%2035.5354L111.139%2018.6185C111.139%2018.3923%20110.978%2018.2308%20110.752%2018.2308H103.849C103.623%2018.2308%20103.462%2018.3923%20103.462%2018.6185L103.465%2035.5354ZM103.462%2016.3053C103.462%2016.5315%20103.623%2016.6931%20103.849%2016.6931H110.755C110.982%2016.6931%20111.143%2016.5315%20111.143%2016.3053L111.139%2012.4678C111.139%2012.2416%20110.978%2012.0801%20110.752%2012.0801H103.849C103.623%2012.0801%20103.462%2012.2416%20103.462%2012.4678V16.3053ZM112.352%2027.2323C112.352%2032.4985%20116.395%2036.4615%20122.308%2036.4615C128.22%2036.4615%20132.228%2032.4985%20132.228%2027.2323V26.8123C132.228%2021.5462%20128.22%2017.6923%20122.308%2017.6923C116.395%2017.6923%20112.352%2021.5462%20112.352%2026.8123V27.2323ZM119.769%2027.2462V26.9307C119.769%2024.5077%20120.886%2023.56%20122.308%2023.56C123.729%2023.56%20124.852%2024.5077%20124.852%2026.9307V27.2462C124.852%2029.637%20123.729%2030.6369%20122.308%2030.6369C120.886%2030.6369%20119.769%2029.637%20119.769%2027.2462Z%22%20fill%3D%22%23F22F46%22%20style%3D%22fill%3A%20rgb(219%2C%2019%2C%2042)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E",
    "favicon": "https://www.twilio.com/content/dam/twilio-com/core-assets/social/apple-touch-icon.png",
    "ogImage": "https://www.twilio.com/content/dam/twilio-com/core-assets/social/twilio-com-default-ogimage.png",
    "logoHref": "https://www.twilio.com/en-us",
    "logoAlt": "Twilio logo"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 1,
    "reasoning": "Selected #0 because it is visible, located in the header, has an alt text matching the brand 'Twilio', and links to the homepage.",
    "confidence": 0.95,
    "source": "llm"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "developers and businesses"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0,
    "colors": 0.9,
    "overall": 0.45
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, has an alt text matching the brand 'Twilio', and links to the homepage.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": false,
      "llmSucceeded": false
    }
  }
}
```