This page describes the specifications for the various customizable text styles used in Bixby Views that developers can use.
You can see examples of the different text sizes on the different devices with the following interactive demo:
Mobile
General font information:
- Font: Roboto
- Color: #FAFAFA
- Opacity:
- Normal, 100%
- Soft (
*_Soft
), 60%
Titles
Style | Size | Line Height | Font Weight |
---|
Title_XS | 19px | 27px | 400/Regular |
Title_S | 22px | 29px | 400/Regular |
Title_M | 28px | 37px | 400/Regular |
Title_L | 34px | 44px | 700/Regular |
Title_XL Title_XL_Soft | 48px | 61px | 400/Regular |
Title_XXL Title_XXL_Soft | 67px | 82px | 400/Regular |
Details
Style | Size | Line Height | Font Weight |
---|
Detail_M Detail_M_Soft | 14px | 20px | 400/Regular |
Detail_L Detail_L_Soft | 16px | 23px | 400/Regular |
Other
Style | Size | Line Height | Font Weight |
---|
Legal | 12px | 18px | 400/Regular |
TV
General font information:
- Font: SamsungOneUI
- Color: #FFFFFF
- Opacity:
- Normal, 100%
- Soft (
*_Soft
), 60%
Titles
Style | Size | Line Height | Font Weight |
---|
Title_XS | 28px | 48px | 400/Regular |
Title_S | 32px | 56px | 400/Regular |
Title_M | 36px | 56px | 400/Regular |
Title_L | 48px | 58px | 400/Regular |
Title_XL | 48px | 80px | 400/Regular |
Title_XXL | 67px | 104px | 400/Regular |
Details
Style | Size | Line Height | Font Weight |
---|
Detail_M Detail_M_Soft | 20px | 32px | 400/Regular |
Detail_L Detail_L_Soft | 24px | 40px | 400/Regular |
Other
Style | Size | Line Height | Font Weight |
---|
Legal | 16px | 23px | 400/Regular |
Label_M Label_M_Soft | 22px | 31px | 400/Regular |
Label_L Label_L_Soft | 26px | 36px | 400/Regular |
Family Hub (Refrigerator)
- Font: SamsungOne
- Color: #FAFAFA
- Opacity:
- Normal, 100%
- Soft (
*_Soft
), 60%
Titles
Style | Size | Line Height |
---|
Title_XS | 40px | 56px |
Title_S | 44px | 60px |
Title_M | 52px | 60px |
Title_L | 62px | 80px |
Title_XL Title_XL_Soft | 72px | 102px |
Title_XXL Title_XXL_Soft | 115px | 135px |
Details
Style | Size | Line Height |
---|
Detail_M Detail_M_Soft | 30px | 44px |
Detail_L Detail_L_Soft | 36px | 48px |
Other
Style | Size | Line Height |
---|
Legal | 28px | 42px |
Label_M Label_M_Soft | 30px | 44px |
Label_L Label_L_Soft | 36px | 48px |
Watch
- Font: SamsungOne
- Color: #FAFAFA
- Opacity:
- Normal, 100%
- Soft (
*_Soft
), 60%
Titles
Style | Size | Line Height | Font Weight |
---|
Title_XS | 36px | 47px | 500C |
Title_S | 40px | 52px | 500C |
Title_M | 40px | 52px | 500C |
Title_L | 52px | 66px | 500C |
Title_XL Title_XL_Soft | 58px | 74px | 500C |
Title_XXL Title_XXL_Soft | 82px | 102px | 500C |
Details
Style | Size | Line Height | Font Weight |
---|
Detail_M Detail_M_Soft | 24px | 32px | 500C |
Detail_L Detail_L_Soft | 28px | 38px | 500C |
Other
Style | Size | Line Height | Font Weight |
---|
Legal | 16px | 21px | 500C |