Tier 2tvOS: tokens only. The shipped tvOS app is React Native (react-native-tvos): app-drawn rows and buttons, a native stack, no TabView. Focus is a --component-bg-active fill; the system lift is turned off.--yellow-solid · --app-bg · --component-bg-active · --line · --text-secondary
A header and a list, focus is a fill
Home is the logo over a list: Your Files, Search, History (hidden when history is off), Account. Each pushes a full-screen stack screen. No tab bar.
Focus is a --component-bg-active fill on a 12px radius. tvParallaxProperties is off, so no scale, tilt or shadow.
GT America only; no mono and no tabular figures on TV. Row icons are Phosphor in --yellow-solid: fill for file types, regular for the rest.
put.io
Your Files
Search
History
Account
Home · Your Files focusedLogo header with a --line rule, then destinations with a chevron.
Your Files
RefreshName
Movies
8 GB
Series
12 GB
The.Wire.S03E04.Back.Burners.1080p.BluRay.x264-DEMAND.mkv
3.42 GB
Seinfeld.S09E23.The.Finale.Part.2.720p.HDTV.x264-FLEET.mkv
1.17 GB
ubuntu-24.04.1-desktop-amd64.iso
6.1 GB
Your FilesFolder name as the title, Refresh and sort in the header. Subline is size only; the eye marks a saved position.
Canvas
1920 × 1080
safe area 4% sides, 2% top and bottom
Header
48px Md
logo or title, 1px --line rule
Row title
36px
GT America Rg, one line
Row subline
32px
--text-secondary, size only
Radius
12px
rows and buttons
Focused fill
--component-bg-active
no lift, no shadow
Icon column
48px yellow
Phosphor fill, every file type
Accessory
36px chevron
--text-secondary; eye 48px
Contract: platforms/apple/DESIGN.md.
Do not add a ring, halo or scale on top of the fill, or bring back a poster wall. Twelve real filenames beat six invented posters.