Tier 2Tier 2 · Android TV: tokens only. Components, focus and navigation come from Google's TV design (M3 / Compose for TV). put.io hands Compose a colour scheme built from the token graph and lets the platform do the rest. 2x artboard: 8dp reads 16px.primary=--yellow-solid · surface=--app-bg · surfaceContainerHighest=--component-bg-active
Tier-2 binding. This card applies the token graph to Google's TV design. Compose for TV owns the navigation, focus scale and elevation.
The platform owns focus and navigation
Focus is Compose for TV's ClickableSurface: the focused surface scales and elevates over the M3 colour mapping. Full-width rows scale 1.02 to stay inside the safe area; compact surfaces (drawer items, buttons, pills) take the stock 1.1.
Top-level navigation is the M3 navigation drawer: an 80dp icon rail on the left that expands with labels while focus is inside it. Destinations are Files, Search, History and Account.
Files Search History Account
Your Files
RefreshName
homework_answers_DONT_DELETE
131.61 MB
The.Wire.S03E04.Back.Burners.1080p.BluRay.x264-DEMAND.mkv
69.14 MB
Seinfeld.S09E23.The.Finale.Part.2.720p.HDTV.x264-FLEET.mkv
1.16 MB
ubuntu-24.04.1-desktop-amd64.iso
1.12 GB
podcast_ep127_final_mixdown_v2.mp3
3.59 GB
File browser · drawer expandedFocus inside the drawer reveals labels; the selected, focused Files destination stays yellow and scales 1.1. Content remains a raw-filename list with yellow Phosphor glyphs and no posters.
drawerM3 navigation drawer: 80dp rail (160px), expanded to 240dp (480px) with labels while focus is inside; selected icon and label use primary
focusClickableSurface scale + elevation: 1.02 on full-width rows, 1.1 on compact surfaces. Fill steps to surfaceContainerHighest
pagemargin 40dp (80px) after the rail, title 48 medium, 1px hairline under the header
row64dp (128px), radius 12, no divider. Glyph 44 --yellow-solid, title 36, subline 28 tabular
colourthe M3 darkColorScheme mapping in platforms/android/DESIGN.md. No hand-written hex anywhere
contentunchanged across tiers: raw filenames, sizes, Phosphor icons, no poster wall
Contract: platforms/android/DESIGN.md
Do not substitute another platform's focus treatment. Compose for TV owns scale and elevation, with put.io colours underneath.