Icon, Background, and Description

To run your app on webOS TV, you must include the assets listed below in your app. These assets ensure that your app is branded correctly in the design perspective while maintaining the consistency with the system UI and other 3rd party apps.

App icons

Asset

Required

Specification

appinfo.json property

Location

Small app icon 

Required

80 x 80,

PNG

icon

  • On system notifications

  • In the app tile on the Launcher (on webOS TV 1.0)

On webOS TV 1.0, this type of icon is displayed as 100 x 100 px.

Large app icon 

Required

130 x 130,

PNG

largeIcon

  • In the top left corner of the screen, when the user hovers over an app tile on the Launcher

  • In the app tile on the Launcher (on webOS TV 2.0)

On webOS TV 2.0, this type of icon is displayed as 115 x 115 px.

These icon files are required for app submission but used only for app testing. In LG Content Store, instead of these files, the icon file of 400x400 pixels that you upload separately at LG Seller Lounge is used after being auto-resized. 

Design guidelines for app icons

  • It is recommended that small and large app icons be identical, except the size, to each other. This makes it easier for users to identify the app.

  • The app tile color should be the same for small and large app icons. They both are always displayed on the app tile.

App tile color and padding guide

Background image

Asset

Required

Specification

appinfo.json property

Location

Splash screren background image 

Required

1920 x 1080,

PNG

splashBackground

On the screen, when the app is being loaded

From webOS TV 2015 models, the PVR format is not available for launcher background image and splash screen background image. If you already have submitted an app using PVR-format images to LG Seller Lounge, you need to repackage the app using PNG-format images and resubmit it.

Design guidelines for app splash image 

  • It should NOT be a black screen.

  • Use a minimal amount of text possible to avoid localization issues.

Good and bad examples of the app splash image

App color

Asset

Required

Specification

appinfo.json property

Location

App tile color

Required

HEX VALUE

iconColor

The background color of the app tile. App tiles are displayed on the Home screen, Launcher, and Recents.

App description

Asset

Required

Specification

appinfo.json property

Location

App name

Required

<= 20 characters

title

  • In the top left corner of the screen, to the right of the app icon, when the user hovers over an app tile on the Launcher

  • On system notifications

  • In the Current Card Info tile on the Recents

App secondary description 

Optional

<= 60 characters

appDescription

In the top left corner of the screen, below the app name, when the user hovers over an app tile on the Launcher

View title

 

<= 60 characters

The View title is dynamically provided by the app. There is no appinfo.json property for it. If the app does not provide a View Title, it is left blank.

  • In the Recent card to the right of the app name 

  • In the top left corner of the Home screen

  • In the top left corner of the Recents

App description vs View title

  • The app description provides brief information about the app; think of it as a tagline for the app. For example, the app description for Netflix could be Watch millions of movies and TV shows anytime, anywhere.

  • The view title provides information about the user's current action or the on-screen content of the app. For example, the view title for Netflix could be the name of a movie that the viewer is currently watching (e.g., Kung-fu Panda 2).

  • The app description and view title should NEVER be the same. 

App metadata and app assets

You must provide information about the key assets of your app in its metadata file (appinfo.json). To learn more, see appinfo.json.

Navigation