Our logo is often the first and most memorable interaction someone will have with our brand. It has been precisely drawn for optimum visual balance. It is critical that the correct logo file be used to our specifications described below.
The preferred color for our logo is Twilio Red on a white background. If the background is any color except white or very light tones, the white version of the logo is used.
Clearspace is the empty area around the logo that ensures legibility and a degree of respect. Always observe the minimum clearspace and avoid placing any words or objects within that space.
Our official tagline is ‘The customer engagement platform’. The tagline may appear to the right of the logo or it may appear stacked beneath the logo. Choose the arrangement that works best for your use case.
- Don’t modify or distort the logo in any way.
- Don’t use any color for the logo except those provided.
- Don’t use the red logo on any color except white.
- Don’t use the logo as part of an illustration or word.
- Don’t crowd the logo.
Twilio product logos
Each Twilio product has its own logo. These logos must only be used to indicate their product. Do not abbreviate product names. Never use these logos to represent generic categories.
Product logo container
Product logos may be displayed with or without a containing shape.
Twilio product logo clearspace
Observe the required minimum clearspace of a product logo.
Product logo lockups
When introducing a product for the first time, we recommend including the product name. Always use the official lockup proportions and spacing.
- Use full product names.
- Use the correct logo to represent a product.
- Observe adequate clearspace.
- Don't modify or distort the logo in any way.
- Don't use a product logo for a generic category.
- Don't use a Streamline icon or a generic icon to represent a product.
- Don't abbreviate product names.
Programs and teams
When someone interacts with a Twilio program, we want them to receive the same quality they expect from Twilio.
Program logos follow thoughtful design standards. Repetition of these standards strengthens trust in the Twilio brand.
What is a program?
A program can include many different types of activities or organizations. It can be an event series, a targeted marketing push, or a cross functional internal effort.
The audience for a program is typically a specific subset of the overall audience of Twilio. It can be focused internally for employees or externally for a specific market.
Examples of programs
What is not a program?
An expression of the Twilio brand with a unique tone, unique roadmaps, and unique objectives, intended for a targeted audience.
The things that we sell.
Acquired companies have unique brand expressions until they are integrated into the Twilio brand system.
When naming a program, keep the name short, use language that is easy to understand, and represent the focus of the program.
Program name examples
Commonly understood term
Represents the focus of the program
Language is jargony and unclear
Focus of program is unclear
All Twilio programs, properties, and teams use a standard lockup of the Twilio logo and Twilio Sans text.
Program name is typeset in Twilio Sans Text Regular
The bottom of the name is aligned with the Twilio wordmark
Spacing has been carefully selected
An abbreviated version may also be used when space is limited
In the abbreviated version, the name is aligned with the center of the Twilio logomark
A logomark is a unique graphic or icon. In general, unique logomarks are not created or used to represent Twilio Programs. Program logotypes are displayed with the Twilio logomark.
Do not create a unique logomark
Create your logo
Program branding elements like color, typography, illustration, and photography all align with the Core Twilio Brand.
To create your own program logo, open Canva by opening Okta and clicking the Canva tile. If you do not have access to the Canva tile, request access by opening a ticket on ServiceNow.
Once you’re in Okta, search for the ‘Twilio Program Logo Template’ and click “Edit.”
Click the text field next to the logo and type in the approved name of your program.
Export your logo by clicking the ‘Share’ button then the ‘Download’ button.
For print or Keynote select PDF
For web select SVG or PNG
Check the ‘transparent background’ box if present
- Don't modify or distort the logo in anyway.
- Don't make a non-approved logo.
- Don't alter the logo.
- Don't crowd the logo.