AVS UX Logo and Brand Usage

Alexa logo
Alexa talk bubble
Color
- Alexa logo
- Alexa talk bubble
Minimum size and clear space
App tile
App naming
What not to do

These guidelines were created to help you navigate the Alexa Voice Service (AVS) UX requirements for using Amazon Alexa brand assets in your user interface. Consistent and diligent use of these guidelines will protect product integrity and help customers to instantly recognize references to Amazon Alexa, thereby allowing your app to be clearly understood.

This page highlights logo and brand guidelines that are important for creating Alexa built-in devices. They are based on the Alexa Brand Guidelines for Amazon Developers, which you may also refer to for more information.

Alexa logo

Below is the official Amazon Alexa logo. It is the primary brand mark, and should be used in product interfaces as well as packaging and marketing materials. The Alexa logo and brand assets for AVS apps can be downloaded from the Resources tab of the AVS Developer Portal.

Whenever possible, the logo should be displayed in Alexa Blue. However, if the contrast with the background color would not allow the blue logo to be seen clearly, you may display the logo in Squid Ink or White. The values for these colors are listed in the Color section on this page.

Alexa talk bubble

You should use the largest Alexa logo reasonable for all brand attribution needs for your product. However, if the placement of the logo would require it to be rendered below the minimum size of 30px, use the Alexa Talk Bubble shown here. If your interface has a button or other affordance to interact with Alexa, such as an Action button, use the Alexa Talk Bubble.

To ensure the logo maintains its visual impact, do not make the logo any smaller than 30dp.

Amazon Alexa Talk Bubble icon used for button implementations

Note that the Alexa Talk Bubble should be used in a container to protect it when placing on a background without sufficient contrast.

Color

Alexa built-in products SHALL display the Alexa logo only in the color combinations shown below and only in Alexa Blue (#05A0D1), Squid Ink (#232F3E), or White (#FFFFFF). Choose the color that best matches your existing UI or has the best contrast to the background that it will be placed upon. Whenever possible, you should choose Alexa Blue for the color of the logo, with a White or Squid Ink background.

When choosing Alexa logo colors for your product, please keep in mind relevant accessibility best practices regarding color and contrast to provide the best possible experience for all customers.

Alexa logo

Alexa talk bubble

If your product is limited to only black and white displays, you may use black and white versions of the Amazon Alexa logo, Talk Bubble, and background.

Minimum size and clear space

When you’re using the logo with other graphic elements, make sure you give it some room to breathe. In order to preserve legibility, the Amazon Alexa logo must be no smaller than .375 inches in height for print, 26/30 pixels for 1x resolution screens, or 52/60 pixels for 2x resolution screens.

In order to protect the legibility of the logo, minimum spacing around the logo should scale in proportion to the height of the typography (show as X) to ensure adequate spacing between the logo and other graphical elements on screen.

Example Alexa Talk Bubble enclosed ratio

App tile

App tiles give customers a way to visually identify any app as an Alexa companion app. If you include the Amazon Alexa logo in the app tile:

The app tile must contain the Amazon Alexa logo, protected in a white circle or square shape. The shape should have a drop shadow that is 30% Opacity, 0px X Offset, 1px Y Offset, and 3px Blur.
The background color can be partner-specific.
High contrast (darker) works best for background colors and gradients.
Avoid white and light color background tones for maximum readability.
Use square or circle base shape options, depending on the platform your app is on.