![](http://developer.android.com/static/images/design/ui/tv/hero-full-v2.png)  

### Design for TV

Explore our guides, patterns, and more to help you learn how to create for Android TV. Start designing for TV today!  
[Foundations guide](http://developer.android.com/design/ui/tv/guides/foundations/design-for-tv)

## Get started

[![](http://developer.android.com/static/design/ui/tv/images/landing/foundations.svg)](http://developer.android.com/design/ui/tv/guides/foundations/design-for-tv)  
Guides

### [Foundations](http://developer.android.com/design/ui/tv/guides/foundations/design-for-tv)

Fundamental concepts and principles of Android Design like accessibility and system bars.  
[Go to foundations](http://developer.android.com/design/ui/tv/guides/foundations/design-for-tv)  
[![](http://developer.android.com/static/design/ui/tv/images/landing/styles.svg)](http://developer.android.com/design/ui/tv/guides/styles/color-system)  
Guides

### [Style](http://developer.android.com/design/ui/tv/guides/styles/color-system)

Discover how to create beautiful visual design with color, type, motion, and theming for your app.  
[Go to style](http://developer.android.com/design/ui/tv/guides/styles/color-system)  
[![](http://developer.android.com/static/design/ui/tv/images/landing/layouts.svg)](http://developer.android.com/design/ui/tv/guides/styles/layouts)  
Guides

### [Layout](http://developer.android.com/design/ui/tv/guides/styles/layouts)

How content should be structured within a view - from basics of layouts and grid to displaying graphics, and modern Android features, like edge to edge.  
[Go to layout](http://developer.android.com/design/ui/tv/guides/styles/layouts)  
[![](http://developer.android.com/static/design/ui/tv/images/landing/components.svg)](http://developer.android.com/design/ui/tv/guides/components)  
Guides

### [Components](http://developer.android.com/design/ui/tv/guides/components)

Small repeatedly used UI interactive building blocks. Learn more about using Material Design components.  
[Go to components](http://developer.android.com/design/ui/tv/guides/components)

## Explore our kits

Use our design components to create a beautiful \& functional TV UI. These components and patterns ensure the optimal user experience for TV apps, while maintaining consistency \& showing your brand.[![](http://developer.android.com/static/design/ui/tv/images/landing/explore-kits.svg)](https://www.figma.com/@tv)  
Figma

### [Android TV Figma community](https://www.figma.com/@tv)

Explore our Figma design kits and use our styles, themes, patterns, components, and more, to springboard the creation of your next TV app.  
[Go to the TV Figma community](https://www.figma.com/@tv)

## Explore components

[![Buttons](https://developer.android.com/static/design/ui/tv/images/landing/buttons.svg)
### Buttons
Buttons help users initiate actions or flow. Choose from different types of buttons to inform emphasis.](https://developer.android.com/design/ui/tv/guides/components/buttons)[![Cards](https://developer.android.com/static/design/ui/tv/images/landing/cards.svg)
### Cards
Cards contain content and actions about a single subject.](https://developer.android.com/design/ui/tv/guides/components/cards)[![Featured carousel](https://developer.android.com/static/design/ui/tv/images/landing/featured-carousel.svg)
### Featured carousel
Featured carousel highlights a set of media in a full-width container. Guide users towards featured content.](https://developer.android.com/design/ui/tv/guides/components/featured-carousel)[![Immersive list](https://developer.android.com/static/design/ui/tv/images/landing/immersive-list.svg)
### Immersive list
Immersive list highlights a selected item to show immersive content. Use it to emphasis your content.](https://developer.android.com/design/ui/tv/guides/components/immersive-list)[![Lists](https://developer.android.com/static/design/ui/tv/images/landing/lists.svg)
### Lists
Continuous, vertical indexes of text or images. Use lists to help users select from a collection.](https://developer.android.com/design/ui/tv/guides/components/lists)[![Navigation drawer](https://developer.android.com/static/design/ui/tv/images/landing/navigation-drawer.svg)
### Navigation drawer
Navigation drawers provide access to destinations in an app. Drawers are always available at the edge of the screen](https://developer.android.com/design/ui/tv/guides/components/navigation-drawer)[![Tabs](https://developer.android.com/static/design/ui/tv/images/landing/tabs.svg)
### Tabs
Tabs offer a convenient way to switch between primary destinations in an app. Tabs stick to the top of the display.](https://developer.android.com/design/ui/tv/guides/components/tabs)

## Develop for TV

[![](http://developer.android.com/static/design/ui/tv/images/landing/develop.svg)](http://developer.android.com/training/tv)  

### [Developer guides](http://developer.android.com/training/tv)

Use our developer guides and references to build your app design.  
[See developer guides](http://developer.android.com/training/tv)  
[![](http://developer.android.com/static/design/ui/tv/images/landing/publish.svg)](http://developer.android.com/docs/quality-guidelines/tv-app-quality)  

### [Quality guides](http://developer.android.com/docs/quality-guidelines/tv-app-quality)

Lay out your designs following Android best practices.  
[See app quality](http://developer.android.com/docs/quality-guidelines/tv-app-quality)