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 |
