style
Colors
PUBLISHED
The main color theme for Tizen is a dark tone that is optimized for AMOLED. The background color is pure black, the point color is blue, and the color of the text and icons is white. Several vivid colors are used for specific functions, such as green for the "make a call" function, and red for "delete" functions.
- Read more about Colors
Icons
PUBLISHED
Tizen applications can use a variety of icons.
Main Icons
This type of icon represents the application. It is recommend to have a circular shape for the icons of the Tizen platform, but it is not mandatory. It is normally used on the Home screen. However, if you do use it in other applications, make sure that the main icon is noticeable on any background.
Theme
PUBLISHED
Tizen offers 2system themes to maintain the visual consistency of the platform.
The black-toned 'dark' theme and beige-toned 'light' theme cover the background color and dictate the tone of various screen components. The dark theme is used by default.
When developing your application, you can select the theme and even customize the colors based on your brand identity and the different functions. However, make sure your customization efforts don't impact Tizen's overall visual consistency.
Touch Feedback
PUBLISHED
You must give users feedback when they touch specific elements (especially buttons) on the screen. This supports communication between a user and the application.
To promote better touch interaction with visual cues, Tizen offers several color changes and effects. The buttons have separate states (normal, pressed, and dim) for each button type, such as list buttons.
Display
PUBLISHED
Screen resolutions vary from device to device. When designing layouts for your applications, make sure you consider the range of possible resolutions, as well as both landscape and portrait screen orientations.
Resolution
Tizen offers UI components for WVGA (480 x 800) and HD (720 x 1280) resolutions, so you can choose the components most suitable for your target device.
Typography
PUBLISHED
To support its overarching design principles and unique visual style, Tizen uses a dedicated font family named TizenSans. The TizenSans family supports regular and medium weights by default.