Design Guide: Brand Expression
Learn where your logo appears, what assets to provide, and how to use your brand colors within Alexa’s design system.
Documentation Index
Fetch the complete documentation index at: /docs/llms.txt
Use this file to discover all available pages before exploring further.
Learn where your logo appears, what assets to provide, and how to use your brand colors within Alexa’s design system.
| # | Mode | Recommended placement |
|---|---|---|
| 1 | Inline | Top-left: serves as attribution within the conversation |
| 2 | Fullscreen (lightbox) | Top-center: establishes your brand at the top of the immersive view |
| # | Type | Mode | Dimensions | Format |
|---|---|---|---|---|
| 1 | Horizontal | Dark | 80px height, width scales to fit | SVG (high-quality) + PNG (transparent background) |
| 2 | Horizontal | Light | 80px height, width scales to fit | SVG (high-quality) + PNG (transparent background) |
| 3 | Square (app icon) | Dark | 120 × 120px | SVG + PNG (with and without background) |
| 4 | Square (app icon) | Light | 120 × 120px | SVG + PNG (with and without background) |
| Logo type | Placement |
|---|---|
| Horizontal | Attribution above your inline content (top-left); on individual cards in carousels; at top-center of provider-specific screens in the Alexa app |
| Square (app icon) | Add-on store listing; CTA buttons (“Do X with [Provider Name]”); Alexa app service directory |
Was this page helpful?
Supported devices
