Bixby Developer Center
Guides
- Design Guides
- Developer Guides
- Setting Up Your Capsules
- Managing Your Capsules
- Using Bixby Developer Studio
- Constructing Models
- Implementing Actions
- Creating the User Interface
- Building Bixby Views (UI)
- Refining Dialog
- Training and Vocabulary
- Personalization and Learning
- Testing Capsules
- Deploying Your Capsule
- Customizing the Plan
- Enhancing Your Capsule Further
- Library Capsules
- Glossary
- Release Notes
- Bixby Capsule SDK Release Notes
- 21H Capsule SDK Release Notes
- 21G Capsule SDK Release Notes
- 21F Capsule SDK Release Notes
- 21E Capsule SDK Release Notes
- 21D Capsule SDK Release Notes
- 21C Capsule SDK Release Notes
- 21B Capsule SDK Release Notes
- 21A Capsule SDK Release Notes
- 20N Capsule SDK Release Notes
- 2020 October–December
- 2020 July–September
- 2020 April–June
- 2020 January–March
- 2019 October - December
- 2019 July - September
- 2019 April - June
- 2019 January - March
- 2018 October - December
- 2018 July - September
- 2018 April - June
- 2018 January - March
- 2017 March - December
- Bixby Developer Studio Release Notes
- Version 8.12.0
- Version 8.11.0
- Version 8.10.0
- Version 8.9.0
- Version 8.8.0
- Version 8.7.0
- 2020 October - December
- 2020 July - September
- 2020 April - June
- 2020 January - March
- 2019 October - December
- 2019 July - September
- 2019 April - June
- 2019 January - March
- 2018 October - December
- 2018 July - September
- 2018 April - June
- 2018 January - March
- Developer Center Release Notes
- Deprecations
- Bixby Capsule SDK Release Notes
References
- Bixby Language Keys
- action
- activity-support
- authorization
- boolean
- capsule
- capsule-info
- confirmation-view
- decimal
- dialog
- endpoints
- enum
- hints
- input-view
- instantiation-strategy
- integer
- intent
- layout
- layout-macro-def
- legal
- macro-def
- name
- navigation-support
- permission-link
- preference-support
- profile-support
- qualified
- result-view
- selection-strategy
- structure
- structure-enum
- template
- template-macro
- template-macro-def
- text
- transaction-support
- Bixby Views Components
- attribution-link
- auto-complete
- calendar
- cell-area
- cell-card
- compound-card
- date-picker
- duration-picker
- hbox
- image
- image-area
- image-card
- image-carousel
- image-list
- image-list-of
- image-picker
- input-cell
- map-card
- paragraph
- partitioned
- progress-bar
- section
- single-line
- split-input-cell
- thumbnail-area
- thumbnail-card
- time-picker
- title-area
- title-card
- video
- JavaScript API Reference
- Assertions Reference
- Topic References
- Capsule Configuration
- Natural Language Categories
- Astrology
- AudioBook (Audiobooks)
- Coffee Order (Coffee Ordering)
- CookingNRecipes (Recipes)
- CurrencyConversion (Currency Conversion)
- DeliveryNTakeout (Food Delivery)
- Events
- FlightBooking (Flight Booking)
- FlightInfo (Flight Status)
- Flowers
- Gifts
- HomeServices (Home Services)
- Hotels
- Careers and Networking (JobSearch)
- LanguageLearning (Language Learning)
- LocalBusinesses (Local Businesses)
- Lottery
- Meditation
- MovieTickets (Movie Tickets)
- News
- Podcast (Podcast)
- Radio
- RealEstate (Real Estate)
- RestaurantSearch (Restaurants)
- RideShare (Rideshares)
- ShoppingList (Shopping Lists)
- SleepSounds (Sleep Sounds)
- SportsScore (Sports Scores)
- StockInfo (Stock Quotes)
- Translators (Translation)
- Trivia (Trivia Games)
- Videos
- Weather
- Conditionals and Control Flows
- Library Capsules
- Audio Player (bixby.audioPlayer)
- Contact (bixby.contact)
- Core (viv.core)
- DateTime (viv.time)
- Entity (viv.entity)
- Geography (viv.geo)
- Open Hours (viv.openHours)
- Image (viv.image)
- Location Autosuggest (viv.location)
- Measurement (viv.measurement)
- Money (viv.money)
- Navigation (viv.navigation)
- Phone Call (bixby.phoneCall)
- Rating (viv.rating)
- Sharing (viv.shareVia)
- Profile (viv.self)
- Text Message (bixby.textMessage)
- Using SSML
- Dialog Modes
- Expression Language Reference
- Reserved Utterances
- Additional Resources
Samples & Templates
- Samples
- Walkthroughs
- Templates
- Prototypes
- Videos
- Coding with Adam: Build a Bixby Capsule in Under An Hour
- Bixby Tutorials
- SDC 2019 Videos
- Bixby 101: Getting Started
- Bixby Developer Studio Tour
- Bixby Developer Center and Marketplace
- Natural Language Training: Best Practices for Bixby
- Bixby Views and User Experience Best Practices
- Building Bixby Conversational Experiences for Devices with and without Screens
- Debugging and Testing Capsules in Bixby Developer Studio
Fonts Reference
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_XXLTitle_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 |