AVS UX Logo and Brand Usage
These guidelines were created to help you navigate the Alexa Voice Service 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.
Below is our logo and the two official lockups.
Clearspace & minimum size
When you’re using the logo with other graphic elements, make sure you give it some room to breathe. The empty space around the logo should be at least 150% of the width of the logo.
For lockups the clearspace should be at least half of the diameter of the logo.
To ensure the logo maintains its visual impact, do not make the logo any smaller than 30dp.
The logo can be used in a variety of container shapes to suit your needs. These are especially useful when placing the logo on top of an image.
|A circle is a good option when placing the amazon alexa logo on top of a background that is too bright or busy.||Rounded edges are a great choice for iOS UI styles. We don’t place any restrictions on radiuses.||A hard-edged square is a good option for Android UI styles.|
Never show the logo in any colors other than Alexa blue, white, or black.
|Alexa blue #31C4F3||Black #000000||White #ffffff|
When placing the logo on an image, always use the white logo version. For images with a light background, we suggest applying a 10-20% black tint to the entire image to maintain legibility.
|The white logo ensures clear contrast between the logo and imagery used.||When placed on a complex pattern, make sure the logo is still readable.||When placed on a light background, use a 10-20% black tint on the image.|
What not to do
|Do not apply outlines.||Do not add shadows.||Do not add styles or gradients.||Do not fill with colors other than Alexa blue, black or white.|
|Do not skew, rotate, or stretch.||Do not change orientation.||Do not add elements to the inside of the logo.||Do not fill with patterns.|
|Do not use a blue container shape with text.||Do not use blue text.||Do not use colors other than Alexa blue, black, or white.||Do not break up amazon alexa.|
|Do not multiply the logo.||Do not place our logo with text in a circle.||Do not capitalize amazon alexa.||Do not fill with gradients or off-brand colors.|
These materials are licensed as “Alexa Materials” under the terms of the Alexa Voice Service Agreement.