What templates can I use for Echo Show and Echo Spot?

Owned by Rajkiran Alla (Deactivated)
Last updated: Mar 07, 2020 by markmetcalfemm (Unlicensed)
5 min read

The following templates ensure that you design a better experience. Additional device image rules are available in Related Articles.

 

Image and font specifications

  • Echo Show image display image sizes are listed in the template tables. Echo Spot images are scaled-down as appropriate.

  • The cumulative file size of all images in the skill should not exceed 3 MB.

  • Titles can have up to 200 characters.

  • Each template allows limited text on the screen (based on a 32 px font size), which if exceeded is truncated on the screen display. The user cannot scroll to see the remaining text. Adjust this limit if you use larger fonts.

  • Most templates allow hints, which you can use for optional content and to delight customers, and not for important information.

  • Font sizes are as follows: Font Size Echo Show Echo Spot 7 68 48 5 48 38 3 32 32 2 28 28

ListTemplate1

ListTemplate1 displays text lists and optional images.

Echo Show

Echo Spot

  • Title

  • Skill icon

  • Primary font size 7; secondary 3;
    tertiary 5

  • Display image size. 88 x 88 px

  • Character limit. 84

  • Optional image and background image

  • Title

  • Skill icon

  • Primary font size 7; secondary 3; tertiary 3

  • Display image size. Scaled

  • Character limit. 84

  • Optional image and background image

 

ListTemplate2

ListTemplate2 displays a horizontal image list with optional text.

Echo Show

Echo Spot

  • Title

  • Skill icon

  • Primary font size 2

  • Display image size. 192 to 498 x 280 px

    • Portrait (192 x 280)

    • Square (280 x 280)

    • 4:3 (372 x 280)

    • 16:9 (498 x 280)

  • Optional background image

  • Hint

  • No title

  • Skill icon

  • Primary font size 7; secondary 2

  • Display image size. Scaled

  • Character limit. 84

  • List image is background with 70% opacity

  • Optional background image

BodyTemplate1

BodyTemplate1 displays full-width text in short text and scrolling formats.

Echo Show

Echo Spot

  • Title is left-aligned

  • Skill icon

  • Full-width text is top-left-aligned; default font size 7

  • Display image size. Inline images only

  • Character limit. 85

  • Small inline images permitted

  • Optional background image

  • Title is center-aligned

  • Skill icon

  • Text is top-left-aligned; default font size 7

  • Display image size. Inline images only

  • Character limit. 84

  • Small inline images permitted

  • Optional background image

BodyTemplate2

BodyTemplate2 for Echo Show displays text on the left with an image on the right; for Echo Spot, it displays auto-centered text that is stacked on top of the image. See also BodyTemplate3, which is very similar.

Echo Show

Echo Spot

  • Title is left-aligned

  • Skill icon

  • Default font size 3

  • Display image size. 340 x 340 px

  • Character limit. 8000

  • Optional hint, action links, background image

  • No title or hint

  • Skill icon

  • Default font size 3

  • Display image size. scaled

  • Character limit. 8000

  • Optional action links

BodyTemplate3

BodyTemplate3 for Echo Show displays left-aligned text on the right with an image on the left; for Echo Spot, it displays auto-centered text that is stacked on top of the image. See also BodyTemplate2, which is very similar.

Echo Show

Echo Spot

  • Title is left-aligned

  • Skill icon

  • Default font size 3

  • Display image size. 340 x 340 px

  • Character limit. 8000

  • Optional hint, action links, background image

  • No title or hint

  • Skill icon

  • Default font size 3

  • Display image size. scaled

  • Character limit. 8000

  • Optional action links

BodyTemplate6

BodyTemplate6 displays bottom-left-aligned text with a scaled and centered background image.

Echo Show

Echo Spot

  • Full-width text (2-3 lines max)

  • Skill icon

  • Default font size 7

  • Display image size. 340 x 340 px

  • Character limit. 85

  • Optional hint

  • Optional background image

  • Text is center-aligned, scrollable

  • Skill icon

  • Default font size 3

  • Display image size. scaled

  • Character limit. 85

  • No hint

  • Optional background image

BodyTemplate7

BodyTemplate7 displays a scalable foreground image with an optional background image.

Echo Show

Echo Spot

  • Title

  • Skill icon

  • Display image size.

    • 880 x 346 (main image)

    • 1024 x 600 (full-screen image in background)

  • The full-width scalable foreground image

  • An optional hint and background image

  • Title

  • Skill icon

  • Full-width scalable foreground image (will center within the viewable area and keep aspect ratio)

  • Optional background image

If the foreground image is transparent, then the visual effect is different, as shown here.

 

 

Related Articles