By name: tv-design-patterns description: TV and living room interface design including 10-foot UI, focus-based navigation, and media browsing. triggers: ["TV", "television", "Apple TV", "living room", "10-foot UI"]
Tv Design Patterns
10-Foot UI Principles
- Large text. Minimum 24px at 1080p. Readable from 10 feet.
- Focus-based navigation. D-pad/remote: up, down, left, right, select.
- High contrast. Dark backgrounds, bright text. Room lighting varies.
- Minimal text input. Avoid keyboards. Use voice search, phone companion, QR code login.
Navigation
- Horizontal tabs at top for main sections.
- Content rows (rails) for browsing.
- Focus ring: clear highlight on currently selected item.
- Spatial memory: remember position in each section.
Content Presentation
- Large thumbnails/posters.
- Title + metadata visible without selecting.
- Preview on hover/focus (video auto-play after 2s).
- Detail page: hero image, synopsis, actions, related.
Remote Control Design
- Maximum 6 buttons for primary interaction.
- Voice search as primary input method.
- Back button always exits current context.
- Long-press for secondary actions.