Key App Assets
Key App Assets
You must include the assets listed below in your web app. These assets will ensure that your app is branded properly in the design that is consistent with the webOS TV system UI, and other 3rd party apps.
App Icons for a Regular LG Smart+ TV
|SMALL APP ICON (Required)||
80 x 80,
In webOS TV 1.0, this type of icons is displayed as 100 x 100 px.
|LARGE APP ICON (Required)||130 x 130,
In webOS TV 2.0, this type of icons is displayed as 115 x 115 px.
App Icon Design Guidelines
- If the app icon is in a horizontal orientation, no padding is required around the app icon.
- It is recommended that the small, and large app icons be identical to each other. This makes it easier for the users to identify the apps.
- The small, and large app icons are always displayed on an app tile. The app tile color is the same for the small, and large app icons.
|LAUNCHER BACKGROUND IMAGE (Required)||1920 x 1080,
|bgImage||On the screen, when the user hovers over an app tile in the Launcher|
|SPLASH SCREEN BACKGROUND IMAGE (Required)||splashBackground||On the screen, when webOS TV is loading an app|
Background Image Design Guidelines
- Avoid placing object on the TOP 200 px and BOTTOM 200 px of the image.
- Use minimal text inside the image.
- Use image that represents your brand, NOT a specific piece of content.
- Should NOT include your icon/logo.
- Select what could entice the viewer to click and launch the app.
App Splash Image Guidelines
- If possible, use an image that progresses from the launcher preview into the landing page of the app. For example, the splash could use elements of the the UI from the first screen of the app.
- Should NOT be a black screen.
- Should NOT be identical to the background image.
- Use minimal text inside the image to avoid localization problems.
|APP TILE COLOR (Required)||HEX VALUE||iconColor||The background color of the app tile. App tiles are displayed in the Home, Launcher, and Recent screens.|
App Information Description
|APP NAME (Required)||<= 20 characters||title||
|APP SECONDARY DESCRIPTION (Optional)||<= 60 characters||appDescription||In top left corner of the screen, below the app name, when user hovers over an app tile in the Launcher|
|VIEW TITLE||<= 60 characters||The View Title is dynamically provided by the app. There is no appinfo.json property for View Title. If the app does not provide a View Title, it will be left blank.||
App Description VS. View Title
- App Description provides brief information of 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.
- 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 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 Key App Assets
You must also provide information about the key app assets in the app metadata file (appinfo.json). To learn more about appinfo.json, see appinfo.json.