Tier 4Tier 4 · Web TV (tv.put.io, Tizen, webOS). The web system is restrained to a generic list-first 10-foot interface. Roku and native TV tiers share the token family while keeping their own control and focus conventions.--yellow-solid · --radius-lg · --shadow-lg · --line
Navigation, a Home hub, no persistent chrome
navigator
stack, header hidden
persistent chrome
none: no tab bar, no top nav
first screen
Home hub
destinations
Your Files, Search, History, Account
row activate
push full screen; Back pops
screen anatomy
header over list of rows
Header shows the logo on Home, the screen title elsewhere. Source: features/home/screens/home.tsx
put.io
Your Files
Search
History
Account
Anatomy
Home header
retro logo
title elsewhere · hairline divider under
Row
icon · title · chevron
yellow icon · link accessory
Focus
--component-bg-active
solid fill · 12px radius
Safe area
4% / 2%
overscan L·R / T·B
Platform variation
Same hub-and-stack model everywhere. Only the native navigator underneath differs.
What
tvOS
Android TV
Roku
Smart-TV web
Navigator
UINavigationController
Compose Navigation
SceneGraph stack
history stack
Move focus
UIFocusGuide
Compose focus
SceneGraph focus
spatial-nav polyfill
Back
Menu / Back
Back button
Back button
Escape / Back
Row focus
--component-bg-active
--component-bg-active
--component-bg-active
--component-bg-active